@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;
  }
  #header .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 (min-width: 769px) and (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%;
  }
}
/* Logo v pätičke do 1199 px (tablet 8. 10. 2026): v toku nad odkazmi, nie absolútne cez ne.
   Predtým: do 768 px absolútne (šírka 50 % okna, na iPade mini 372 × 268 px) cez nadpis PRODUKTY a prvé odkazy,
   769–1199 px logo chýbalo úplne (Shoptet display:none). Od 1200 px ostáva vľavo (pravidlo vyššie). */
@media (max-width: 1199px) {
  #footer .site-name {
    display: block;
    position: static;
    left: auto !important;
    transform: none !important;
    width: min(50vw, 200px);
    max-width: none;
    margin: 40px auto 24px;
    text-align: center;
  }
  #footer .site-name a {
    display: block;
  }
  #footer .site-name img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  #footer {
    position: relative;
  }
  .custom-footer.elements-4 {
    border-top: none;
  }
  #footer .banner-wrapper {
    text-align: center;
  }
}
/* spodný riadok „Copyright … Všetky práva vyhradené“ dedil sivú rgb(77,77,77) na #1a1a1a (kontrast 2,06 : 1) */
footer#footer .footer-bottom,
footer#footer .copyright {
  color: rgba(255, 255, 255, 0.72);
}
/* krátka stránka (vyhľadávanie, 404, formulár): pod tmavou pätičkou bol biely pás — plátno mimo body má farbu pätičky
   (body ostáva biele, obsah sa nemení); len keď pätička na stránke je (košík a objednávka ju nemajú) */
html:has(#footer) {
  background-color: #1a1a1a;
}
.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;
}

/* order na všetkých šírkach: pod 480 px bola karta „Hľadáte ešte lepšiu ochranu?“ (order 0) nad názvom produktu (order 1) */
.col-xs-12.col-lg-6.p-info-wrapper.active .benefitBanner__item {
  order: 3;
}
@media (min-width: 480px) {
  .col-xs-12.col-lg-6.p-info-wrapper.active .benefitBanner__item {
    flex: 0 0 50%;
    width: 100%;
  }
}

.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],body.lcd-1v [data-lcd-cast^=p1v]), h1 -> + .lcd-h1), needituj rucne ===== */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) {
  --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],body.lcd-1v [data-lcd-cast^=p1v]) * {box-sizing:border-box
}

:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) {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],body.lcd-1v [data-lcd-cast^=p1v]) img {display:block;max-width:100%
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) a {color:inherit;text-decoration:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) :focus-visible {outline:2px solid var(--gold);outline-offset:3px
}
/* ---------- typografia ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) h1, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcd-h1, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) h2, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) 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],body.lcd-1v [data-lcd-cast^=p1v]) h1, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcd-h1 {font-size:clamp(28px,4.4vw,58px);font-weight:700
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) h2 {font-size:clamp(24px,3.4vw,44px);font-weight:700
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) h3 {font-size:clamp(16px,1.6vw,21px);font-weight:700;letter-spacing:.02em
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) p {margin:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lede {max-width:62ch;color:var(--mute);font-size:clamp(15px,1.35vw,18px)
}
/* ---------- kapitola ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .chapter {padding:clamp(56px,9vw,130px) var(--pad);position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .rule {display:flex;align-items:baseline;gap:16px;margin-bottom:clamp(16px,2.2vw,30px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .rule:after {content:"";flex:1;height:1px;background:var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .rule .n {white-space:normal;min-width:0
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) {max-width:100%;overflow-x:clip
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) main {overflow-x:clip
}
/* ---------- BRAND HLAVICKA ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .skip:focus {left:12px;top:12px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .hdr .logo:hover img {transform:scale(1.03)
}
@media(max-width:520px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hdr .in {height:62px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hdr .logo {padding:6px 18px 12px;border-radius:0 0 11px 11px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hdr .logo img {height:52px
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .hdr .kont:hover {color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .hdr .cart svg {width:24px;height:24px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hdr .cart:hover {color:#fff;transform:translateY(-1px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .hdr .lang:hover svg {transform:scale(1.08)
}
@media(max-width:430px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hdr .kont {font-size:0;letter-spacing:0
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .burg:hover i {background:#fff
}
/* hamburger otvara mega menu — stav drzi aria-expanded */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .burg[aria-expanded="true"] i:nth-child(1) {transform:translateY(9px) rotate(45deg)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .burg[aria-expanded="true"] i:nth-child(2) {opacity:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .burg[aria-expanded="true"] i:nth-child(3) {transform:translateY(-9px) rotate(-45deg)
}
/* ---------- BRAND PATICKA ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft {background:var(--ink);color:#ded7c6;padding:clamp(44px,6vw,80px) var(--pad) 30px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ft .in {grid-template-columns:1fr 1fr
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .in>div:nth-child(4) {grid-column:1/-1
  }
}
@media(max-width:620px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .in {grid-template-columns:1fr;text-align:center;gap:0
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .brand {text-align:center;margin-bottom:26px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .brand p {margin-left:auto;margin-right:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .in>div:not(.brand) {padding:22px 0;border-top:1px solid rgba(230,200,119,.14)
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft ul {align-items:center
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .soc {justify-content:center
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ft h5:first-of-type {margin-top:0;padding-top:0;border-top:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft ul {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft a {font-size:14px;color:#c4bca9
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft a:hover {color:#fff
}
/* logo nad textom, na jeho stred a vyrazne */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .brand {text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ft ul.infolist {display:block;columns:2;column-gap:30px
}
@media(max-width:860px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft ul.infolist {columns:1
  }
}
@media(max-width:1040px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .infolist {columns:2
  }
}
@media(max-width:620px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft ul.infolist {columns:1
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .infolist li {break-inside:avoid;margin-bottom:9px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ft .soc {display:flex;gap:10px;margin-top:16px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ft .soc svg {width:18px;height:18px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ft .ftvz:hover {background:var(--gold-hi);color:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .mega.open {display:block
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mega::-webkit-scrollbar {width:12px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .mega .lc {position:relative;padding:22px 14px 28px;font-family:var(--body)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mega .lc * {box-sizing:border-box
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-t {text-align:center;line-height:1.22
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-orn {display:flex;align-items:center;justify-content:center;gap:9px;margin:11px 0 4px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-orn:before, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-orn:after {content:"";width:74px;height:1px;background:linear-gradient(90deg,transparent,#c49b31)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-orn:after {background:linear-gradient(90deg,#c49b31,transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-orn i {width:6px;height:6px;background:#c49b31;transform:rotate(45deg)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-sek {display:flex;align-items:center;gap:11px;margin:22px 0 13px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-sek:before, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-sek:after {content:"";flex:1;height:1px;background:rgba(155,122,36,.45)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-dl {text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-spodok {background:#141210;padding:2px 14px 15px;text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-s {color:#bda978;font-size:11.5px;margin:6px 0 12px;line-height:1.4
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-typy {display:grid;grid-template-columns:1fr 1fr;gap:12px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-typ img {width:100%;aspect-ratio:16/10;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-typ .lc-in {padding:11px 9px 12px;text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-g3 {display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-card img {width:100%;aspect-ratio:4/3;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-hr {height:1px;background:rgba(196,155,49,.35);width:78%;margin:0 auto
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-truck img {width:100%;aspect-ratio:16/9;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-fan i:nth-child(1) {transform:translateX(-96px) rotate(-14deg)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-fan i:nth-child(2) {transform:translateX(-48px) rotate(-7deg)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lc-fan i:nth-child(4) {transform:translateX(48px) rotate(7deg)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lc-fan i:nth-child(5) {transform:translateX(96px) rotate(14deg)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .mega-ovl {position:fixed;inset:0;z-index:65;background:rgba(20,17,12,.35);display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mega-ovl.open {display:block
}
@media(max-width:760px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .mega .lc {padding:54px 20px 28px 14px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mega.open .m-x {display:flex
  }
}
/* ---------- HERO ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .hero .bg {position:absolute;inset:0;z-index:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero .bg img {width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.05)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .hero .eyebrow {color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero h1, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .hero h1 em, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero .lcd-h1 em {font-style:normal;color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .hero .cta {display:inline-flex;margin-top:clamp(26px,3.4vw,38px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vid, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v {-webkit-touch-callout:none;-webkit-user-select:none;user-select:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vid *, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v * {pointer-events:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .btn.ghost:before {background:linear-gradient(100deg,transparent,rgba(196,155,49,.26),transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .btn:hover {transform:translateY(-2px);box-shadow:0 16px 40px rgba(140,105,25,.45)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .btn.ghost {background:none;color:var(--ink);border:1px solid var(--line);box-shadow:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .btn.ghost:hover {border-color:var(--gold)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero .btn.ghost, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .hero .btn.ghost:hover, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .konf {position:relative;z-index:5;margin-top:-72px;padding:0 var(--pad)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .konf .card.on {transform:perspective(1200px) rotateX(0);opacity:1
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .tabs.two .pill {transform:translateX(100%)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .tab.on {color:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .tab svg {width:19px;height:19px;flex:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fields {display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start
}
@media(max-width:1040px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fields {display:grid;grid-template-columns:1fr 1fr
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fields .field {flex-basis:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fields .field.go {grid-column:1/-1
  }
}
@media(max-width:520px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fields {grid-template-columns:1fr
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field {flex:0 0 calc((100% - 32px)/3);min-width:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field.hide {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .field:not(.go) .fake {cursor:pointer
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field:not(.go) .fake:hover {border-color:var(--gold);background:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field.done .fake {border-color:var(--gold);background:#fff;color:var(--ink);font-weight:600
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field.done label:after {content:"✓";margin-left:7px;color:#2f9c68;font-weight:800;letter-spacing:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .field.err .fake {border-color:#c0392b;background:#fdf4f3;color:#a9342a
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field.err .fake:after {border-color:#c0392b
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field.err .ferr {display:flex
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .field.go {flex:1 1 240px;align-self:flex-end
}
@media(max-width:520px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field.go {flex-basis:100%;margin-top:4px
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .konf-lede {color:#48412f
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .konf-note {color:#48412f
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .tabs .tab:not(.on) {color:#3d3728
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field label {color:#3d3728;font-size:10.5px;font-weight:600
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .field .fake {color:#4a4433
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .bigcta.zeleny i {color:rgba(255,255,255,.82)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .btn:before, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pc .tag:after {animation:none;display:none
  }
}
/* ---------- CISLA ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .tstrip .ts + .ts {border-left:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .stats {grid-template-columns:1fr
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .stat {background:var(--ground);padding:clamp(24px,3vw,40px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .stat h3 {margin:10px 0 10px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .stat p {font-size:13.5px;color:var(--mute);line-height:1.5
}
/* ---------- karty produktov 3D ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .deckwrap {position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .deck::-webkit-scrollbar {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .deck.refs, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vids {perspective:1000px
}
/* coverflow (lcdHome.js) dáva kartám inline z-index 60–100; bez vlastnej vrstvy sa na dotyku (perspective:none)
   kreslili NAD pevnú hlavičku (pás 60, #header 61) a zakryli logo, burger aj Kontakty (tablet 9. 10. 2026).
   isolation = karty sa prekrývajú len navzájom, celý pás ostane pod hlavičkou. */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .deck.refs, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vids {isolation:isolate
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .deck.refs>.ref {transition:transform .18s ease-out;will-change:transform
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vids>.vid {transition:transform .18s ease-out
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vids {align-items:flex-start
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .deck>.pc {flex:0 0 78%
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .pc.on {transform:none;opacity:1
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .deck {perspective:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .deck>.pc {transform:none;opacity:1;transition:box-shadow .3s
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pc .ph {aspect-ratio:1.212/1;overflow:hidden;position:relative;background:var(--deep)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .pc:hover .ph img {transform:scale(1.06)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .pc .cap {padding:16px 16px 18px;border-top:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .truck {position:relative;overflow:hidden;background:var(--deep);color:#fff;isolation:isolate
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .truck .bg {position:absolute;inset:-10% 0;z-index:0;will-change:transform
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .truck .bg img {width:100%;height:100%;object-fit:cover;opacity:.20;filter:blur(4px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .tcopy {grid-column:1;grid-row:1/3;align-self:center
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .tphoto img {width:100%;aspect-ratio:16/10;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .truck .tcard {grid-column:2;grid-row:2
}
@media(max-width:900px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .truck .in {grid-template-columns:1fr;grid-template-rows:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .tcopy, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .tphoto, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .truck .tcard {grid-column:1;grid-row:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .tphoto {order:-1
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .truck h2 {color:#fff;max-width:15ch
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .truck h2 em {font-style:normal;color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .truck .lede {color:#cdc2a8;margin-top:16px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .truck .row {display:flex;gap:14px;flex-wrap:wrap;margin-top:28px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .tspecs div {font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#bfb397
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .tcard li {font-size:14.5px;color:#d8cfb8;padding-left:20px;position:relative;line-height:1.45
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .stage2 {position:relative
}
/* mobilna verzia sekcie 05 — bez scroll-jackingu, kompaktna, v normalnom toku */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-mob {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .pinmain {flex:1 1 auto;min-height:0;display:grid;align-items:center;align-content:center
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pin2:before, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .pin2>*, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .stage .pin>* {position:relative;z-index:1
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pintop {display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(10px,1.6vh,18px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .chip {font-size:9.5px;padding:7px 11px;letter-spacing:.1em
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .pf-cta {height:48px;padding:0 20px;font-size:11.5px
  }
}
@media(max-width:1080px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pf-hint span {display:none
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2-media img.on {opacity:1;transform:scale(1)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2-body {position:relative;display:flex;gap:clamp(16px,2.4vw,30px);align-items:stretch
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2-thumbs button:hover img {filter:saturate(.85) brightness(.9)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-thumbs button:hover {transform:translateY(-3px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-thumbs button.on img {filter:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-thumbs button.on:after {border-color:var(--gold)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-thumbs button.on {transform:translateY(-4px);box-shadow:0 12px 26px rgba(140,105,25,.32)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-rail {display:flex;flex-direction:column;justify-content:center;gap:0;flex:none;padding:4px 0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2-rail button span {position:relative;z-index:2;background:var(--ground);display:block;padding:6px 0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-rail button.on {color:var(--ink)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-rail button.on:before {background:var(--gold)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-rail button.done:before {background:rgba(196,155,49,.6)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-texts {position:relative;flex:1;min-height:clamp(230px,30svh,320px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2-t.on {opacity:1;transform:none;pointer-events:auto
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2-t h3 {margin:13px 0 16px;font-size:clamp(21px,2.6vw,34px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-t p {color:#4a4536;font-size:clamp(15.5px,1.4vw,18px);line-height:1.68;max-width:44ch
}
@media(max-width:900px), (min-width:901px) and (max-width:1199px) and (orientation:portrait) and (hover:none) and (pointer:coarse) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) #stage2 {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-mob {display:block;padding:clamp(28px,7vw,48px) var(--pad) clamp(24px,6vw,40px)
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-mob .pinhead {margin-bottom:16px;max-width:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-mob .pinhead h2 {font-size:clamp(21px,6.4vw,30px)
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-mob .pinhead .lede {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2m-track::-webkit-scrollbar {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2m-ph {position:relative;aspect-ratio:16/10;background:var(--deep);overflow:hidden
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2m-ph img {width:100%;height:100%;object-fit:cover;display:block
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2m-body {padding:15px 16px 18px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2m-body h3 {margin:9px 0;font-size:19px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2m-body p {margin:0;color:#4a4536;font-size:14.5px;line-height:1.6
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2m-dots {display:flex;gap:12px;justify-content:center;margin-top:8px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .pin2 .pinmain {grid-template-columns:1fr;gap:18px;grid-template-rows:auto;align-content:center
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-media {aspect-ratio:16/10;max-height:32svh
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-big {font-size:44px;left:14px;bottom:10px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-texts {min-height:210px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-rail {flex-direction:row;justify-content:flex-start;gap:0
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-rail button {width:46px;height:34px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2-rail button span {padding:0 6px;display:inline-block
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-body {flex-direction:column;gap:14px
  }
}
/* ---------- EXPLODED 5 VRSTIEV ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .faqsec {padding-top:clamp(52px,7vw,104px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mat .rule:after {background:rgba(155,122,36,.3)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mat h2 {color:var(--ink)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mat .lede {color:var(--mute)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .stage {height:118vh;position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pinhead {grid-column:1/-1
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pinhead h2 {text-wrap:pretty
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pinhead .rule {margin-bottom:8px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pinhead h2 {font-size:clamp(21px,2.9vw,40px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .pinhead .lede {display:none
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) #legend {justify-content:center;gap:clamp(2px,.6vh,8px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg-h {padding-top:clamp(11px,2vh,26px)!important;padding-bottom:clamp(11px,2vh,26px)!important
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) #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],body.lcd-1v [data-lcd-cast^=p1v]) #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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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
}
/* podnadpis vodoznaku („Prierez materiálom“) vytŕčal útržkom („…RIÁLOM“) spomedzi rozložených vrstiev (901–1199 px:
   iPad Pro, iPad mini na šírku); ten istý popis je pod ilustráciou v .matline -> skrytý (tablet 9. 10. 2026) */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .matmark i {display:none
}
/* technicka linka pod materialom */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .matline:before, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .matline:after {content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(155,122,36,.45))
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .matline:after {background:linear-gradient(90deg,rgba(155,122,36,.45),transparent)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .matline span {position:relative;padding:0 2px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .matline span:before, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .matline span:before {left:-10px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .matline span:after {right:-10px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .mf {position:absolute;inset:0;overflow:hidden;background:var(--cf)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mf img {width:100%;height:100%;object-fit:cover;display:block
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mf.fr {transform:translateZ(calc(var(--t,16px)/2))
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .exp.open .hot {opacity:1;pointer-events:auto
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .exp.open .hot.on, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .exp.open .hot:hover {box-shadow:0 6px 20px rgba(140,105,25,.6)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .mat-toggle:active {transform:scale(.97)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .mat-toggle.on:after {transform:rotate(225deg) translate(-1px,-1px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .mat-hint {display:none
  }
}
@media(max-width:900px), (min-width:901px) and (max-width:1199px) and (orientation:portrait) and (hover:none) and (pointer:coarse) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .exp {aspect-ratio:1.42/1;max-width:none;width:100%
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) #matWrap {display:block
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) #legend {gap:2px;height:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .matmark, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .matline {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-thumbs {display:none
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .legend {display:flex;flex-direction:column;gap:2px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .leg:hover, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg.on {background:rgba(196,155,49,.09)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .leg .i {font-family:var(--mono);font-size:12px;color:#5f5946;margin-left:auto;white-space:nowrap
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .leg-x:before, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .leg-x:before {width:11px;height:1.7px;margin:-.85px 0 0 -5.5px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg-x:after {width:1.7px;height:11px;margin:-5.5px 0 0 -.85px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .leg-h[aria-expanded="true"] .leg-x:after {transform:scaleY(0)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg-h[aria-expanded="true"] .leg-x:before {background:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg-h:hover .leg-x {border-color:var(--gold)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg-d {overflow:hidden;max-height:0;transition:max-height .42s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .leg-h {gap:10px;padding:10px 8px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg .i {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg .k {font-size:13.5px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg .sw {width:32px;height:32px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .leg-d p {padding:0 8px 14px 8px;font-size:13.5px
  }
}
/* ---------- REFERENCNE VIDEA ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .deck.refs {align-items:stretch;padding-top:14px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .deck.refs {gap:10px;padding:12px 0 6px;perspective:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .refs>.ref.mid {transform:none;opacity:1
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .refs>.ref .ref-v {box-shadow:0 8px 22px rgba(20,15,5,.2)
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .refs>.ref.mid .ref-v {box-shadow:0 20px 46px rgba(20,15,5,.36)
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .refs>.ref:not(.mid) .ref-play {opacity:.55;transition:opacity .3s
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .refs>.ref:not(.mid) .ref-badge {transform:scale(.9);transform-origin:top left
  }
}
@media(max-width:520px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .refs>.ref {flex:0 0 72%
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v:hover {transform:translateY(-8px);box-shadow:0 28px 60px rgba(20,15,5,.36)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v video, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v:hover video, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v:hover>img {transform:scale(1.04)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v:hover .ref-play:after {border-left-color:#17130a
}
@media(max-width:820px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ref-play {width:56px;height:56px
  }
}
/* ---------- PRED A PO (posuvnik) ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ba .top {clip-path:inset(0 50% 0 0);will-change:clip-path
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ba-lab.l {left:clamp(10px,2vw,22px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ba-lab.r {right:clamp(10px,2vw,22px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ba-h:hover, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ba-wrap {margin:22px calc(var(--pad)*-1) 0
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ba img {object-fit:contain;background:#000
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ba-h {width:42px;height:42px;margin:-21px 0 0 -21px;font-size:15px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ba-lab {top:auto;bottom:9px;transform:none;font-size:9px;padding:5px 9px;letter-spacing:.11em
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ba-lab.l {left:9px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ba-lab.r {right:9px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ba-hint {margin-top:13px;padding:0 var(--pad)
  }
}
/* ---------- VLASTNY SET ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .setb {position:relative;overflow:hidden;isolation:isolate;background:var(--deep);color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .setb .eyebrow {color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .setb h2 {color:#fff;margin-top:12px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .setb .lede {color:#cdc2a8;margin:14px auto 0;max-width:54ch
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .setrow .item {flex:1 1 0;min-width:0;text-align:center
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .setrow .item:hover img {transform:translateY(-5px);border-color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .bigcta:hover {box-shadow:0 22px 56px rgba(140,105,25,.52)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .setrow {gap:4px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .setrow .plus {width:26px;height:26px;font-size:16px;margin-top:-18px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) section.chapter.after-dark {padding-top:clamp(70px,10vw,156px)!important
}
/* ---------- VZORKY NA ADRESU ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz {position:relative;overflow:hidden;isolation:isolate;background:var(--deep);color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .vz .eyebrow {color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz h2 {color:#fff;margin-top:12px;max-width:17ch
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .vz .row {display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;align-items:center
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .fan {display:flex;justify-content:center;align-items:center;padding:10px 0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .fan i:nth-child(3) {border-color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fan i:first-child {margin-left:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fan i:nth-child(1) {transform:rotate(-13deg) translateY(6px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fan i:nth-child(2) {transform:rotate(-6deg) translateY(1px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .fan i:nth-child(4) {transform:rotate(7deg) translateY(1px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fan i:nth-child(5) {transform:rotate(14deg) translateY(6px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz:hover .fan i:nth-child(1) {transform:rotate(-19deg) translateY(8px) translateX(-8px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz:hover .fan i:nth-child(2) {transform:rotate(-9deg) translateY(2px) translateX(-4px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz:hover .fan i:nth-child(3) {transform:rotate(0deg) translateY(-9px) scale(1.04)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz:hover .fan i:nth-child(4) {transform:rotate(10deg) translateY(2px) translateX(4px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .vz .in {grid-template-columns:1fr;gap:20px;text-align:center
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz h2, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz p {max-width:none;margin-left:auto;margin-right:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz .row {justify-content:center
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz .note {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fan {order:-1
  }
}
/* ---------- POROVNANIE ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp {position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.4vw,18px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col.us {box-shadow:0 16px 44px rgba(140,105,25,.24)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col .ph {position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:14px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col.them .ph img {filter:grayscale(.55) contrast(.94) brightness(.92)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col:hover .ph img {transform:scale(1.05)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col.them .tag {background:rgba(20,17,12,.72);color:#ddd6c6;backdrop-filter:blur(6px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col.us .price {color:var(--gold-lo)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col.them .price {color:var(--mute)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col li:last-child {border-bottom:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col.us li {color:var(--ink)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col.them li {color:var(--mute)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col.us .ic {background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col.them .ic {background:#e2ddd1;color:#8b8373
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .cmp {gap:8px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col li {padding:10px 11px;font-size:12.3px;gap:7px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col .ic {width:18px;height:18px;font-size:10px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col .name {padding:12px 11px 0;font-size:11.5px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col .price {padding:5px 11px 12px;font-size:14px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmp-col li b {font-size:8.5px;letter-spacing:.1em
  }
}
/* ---------- VIDEA (Realita) ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vidwrap {position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .vids::-webkit-scrollbar {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .vid:hover {transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,15,5,.2)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .vid:hover img {transform:scale(1.05)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .vid:hover .play {transform:translate(-50%,-50%) scale(1.1)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lb.on {opacity:1
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lb-in {display:flex;flex-direction:column;align-items:center
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lb-frame iframe {position:absolute;inset:0;width:100%;height:100%;border:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lb-x:hover {background:rgba(255,255,255,.24);transform:scale(1.06)
}
@media(max-width:700px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lb-frame {border-radius:12px
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vidnav {display:flex;gap:12px;justify-content:center;margin-top:6px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .vidnav button:hover {border-color:var(--gold);background:var(--ground);transform:translateY(-2px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vidnav svg {width:16px;height:16px
}
/* ---------- RECENZIE ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .gmark {width:42px;height:42px;flex:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .col {display:flex;flex-direction:column;gap:5px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .stars {color:var(--gold);letter-spacing:3px;font-size:17px;line-height:1
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .sub {font-size:13px;color:var(--mute)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .cta {margin-left:auto;display:flex;gap:10px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .cta .btn {padding:13px 24px;font-size:11.5px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .cta .btn:before {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .cta .btn.ghost:hover {background:#000;border-color:#000;color:#fff;transform:translateY(-2px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .cta {margin-left:0;width:100%
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .cta .btn {flex:1;justify-content:center
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revwrap {position:relative
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .revs::-webkit-scrollbar {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .revs {gap:12px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .rev {flex:0 0 78%;scroll-snap-align:center
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .rev .st {color:var(--gold);letter-spacing:2px;font-size:14px;line-height:1
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .rev p {font-size:14.5px;color:var(--mute);line-height:1.62;flex:1;margin:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .rev .shots {display:flex;gap:7px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .rev .shots img:hover {transform:scale(1.09)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .rev .meta {display:flex;flex-direction:column;min-width:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .rev .meta i {font-style:normal;font-size:11px;color:var(--mute);margin-top:2px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .rev .foot svg {width:17px;height:17px;margin-left:auto;flex:none;opacity:.9
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revnav, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .decknav {display:flex;gap:12px;justify-content:center;margin-top:6px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revnav button, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .revnav button:hover, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .decknav button:hover {border-color:var(--gold);background:var(--ground);transform:translateY(-2px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revnav svg, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .decknav svg {width:16px;height:16px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .faq {border-top:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .faq details {border-bottom:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .faq summary {padding:18px 0;display:flex;gap:16px;align-items:baseline;cursor:pointer;list-style:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .faq summary::-webkit-details-marker {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .faq summary:hover .t {color:var(--gold-lo)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .faq .t {font-size:16.5px;font-weight:600;color:var(--ink);transition:color .2s
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .faq .p {margin-left:auto;color:#7c5f16;font-size:20px;line-height:1;transition:transform .25s
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .faq details[open] .p {transform:rotate(45deg)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .endbg {position:absolute;inset:0;z-index:-2
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .endbg img {width:100%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.82) contrast(1.04)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .end .eyebrow {color:var(--gold-hi)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .end h2 {max-width:18ch;margin:0 auto;color:#fff
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .end .lede {color:rgba(255,255,255,.78);margin:18px auto 32px;max-width:56ch
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .end-cta {display:flex;gap:14px;justify-content:center;flex-wrap:wrap
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .end-tr {gap:14px;flex-direction:column;align-items:center
  }
}
/* ---------- reveal ---------- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .rv {opacity:0;transform:translateY(26px);transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .rv.on {opacity:1;transform:none
}
@media(max-width:900px), (min-width:901px) and (max-width:1199px) and (orientation:portrait) and (hover:none) and (pointer:coarse) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .story {grid-template-columns:1fr;gap:0
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .story .sticky {height:34svh;top:96px;margin-bottom:22px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .stepimg {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .steps {padding:0 0 12vh;gap:34px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .stage {height:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .stage .pin .pinmain {grid-template-columns:1fr;gap:12px;display:block;grid-template-rows:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .stage .pin:before {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pintop {margin-top:14px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pinfoot {flex-wrap:wrap;gap:10px 12px;margin-top:18px;justify-content:space-between
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pf-bar {order:3;flex-basis:100%;margin-top:2px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pf-cta {margin-left:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mbox {transition:transform .75s cubic-bezier(.2,.7,.2,1)
  }
  @media(min-width:901px) and (hover:hover) {
    :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mbox {transition:none
    }
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mat-hint {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mat-toggle {display:inline-flex
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .exp {height:auto
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .konf {margin-top:-40px
  }
}
@media(prefers-reduced-motion:reduce) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) * {transition-duration:.01ms!important;animation-duration:.01ms!important
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .rv, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pc, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .cmpc, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .konf .card {opacity:1;transform:none
  }
}
/* telefónna titulka (len pás fotky, karta konfigurátora pod ním) len na telefónoch; 601–760 px (iPad mini na výšku,
   Android tablety) má tabletovú titulku ako iPad 820: hero s nadpisom a tlačidlami, karta s presahom -40 px (tablet 8. 10. 2026) */
@media(max-width:600px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero {aspect-ratio:auto;min-height:0;max-height:none;display:block
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero .bg {position:relative;inset:auto;transform:none!important
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero .bg img {width:100%;height:auto;aspect-ratio:3920/1256;object-fit:cover
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero:after {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero .in {display:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .konf {margin-top:26px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .konf .card {padding:26px 20px 30px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .konf h2 {margin-top:14px
  }
}
@media(max-width:760px) {
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .tab {font-size:10.5px;letter-spacing:.06em;padding:12px 4px;gap:6px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .tab svg {width:17px;height:17px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .fields {gap:18px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .chapter {padding-top:64px;padding-bottom:64px
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .stat {padding:28px 22px
  }
}
/* ===== MODUL 04 v tvare modulu 07 (dlazdice 9:16 + coverflow, video preview hra) ===== */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .deck.refs {align-items:flex-start;gap:clamp(12px,1.6vw,18px)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .refs>.ref, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v {aspect-ratio:9/16;border-radius:18px;overflow:hidden;border:1px solid var(--line)
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v:before {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ref-badge {display:none
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .refs>.ref:not(.mid) .ref-play {opacity:1
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ref-play {width:54px;height:54px;background:rgba(255,255,255,.94);border:0
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .ref-v:hover .ref-play:after {border-left-color:#17130a
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .ref-cap {font-size:12.5px;padding:30px 12px 12px
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .deck.refs>.ref, :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vids>.vid {transition:none
  }
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .deck.refs {perspective:none
  }
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) [id]{scroll-margin-top:102px}
/* ===== LCD-HOME ARMOR - kontra na temove section{padding:0!important} na mobile ===== */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) section{padding:0 !important;margin:0 !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .chapter{padding:clamp(56px,9vw,130px) var(--pad) !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .konf{margin-top:-72px !important;padding:0 var(--pad) !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .trustbar{padding-top:clamp(20px,2.6vw,34px) !important;padding-bottom:clamp(20px,2.6vw,34px) !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mat{padding-bottom:clamp(26px,4vw,54px) !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .faqsec{padding-top:clamp(52px,7vw,104px) !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .end{padding:clamp(66px,9vw,140px) var(--pad) !important}
@media(max-width:900px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .konf{margin-top:-40px !important}}
@media(max-width:600px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .konf{margin-top:26px !important}}
@media(max-width:760px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .chapter{padding-top:64px !important;padding-bottom:64px !important}}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .row{margin-left:0 !important;margin-right:0 !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .btn{line-height:inherit !important;text-align:inherit}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .btn{padding:16px 30px !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .btn.go{padding:0 !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pf-cta{padding:0 30px !important}
@media(max-width:640px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pf-cta{padding:0 20px !important}}
/* tablet 8. 10. 2026: pevná ikona chatu Luxia (76 × 76, 16 px od pravého okraja; na telefóne 2 px) ležala na konci
   „Zvoliť model vozidla“ v prilepených scénach — pod 1340 px (obsah už nie je zúžený na 1240 px) lišta scény
   nechá vpravo miesto pre ikonu; od 1340 px tlačidlo končí 139+ px od okraja okna */
@media(max-width:1340px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .pinfoot{padding-right:84px !important}}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mat-toggle{padding:13px 24px !important}
/* „Rozložiť / Zložiť materiál“ (statická scéna: telefón, tablet na výšku): tlačidlo nie je pozicované, takže ho prekrýval
   neviditeľný box 3D kresby #exp (pozicovaný, transform) — ťuk do stredu a ľavej časti zachytil #exp (kontrola 9. 10. 2026) */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .mat-toggle{position:relative;z-index:3}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .btn.bigcta{padding:clamp(18px,2.2vw,24px) clamp(30px,5vw,64px) !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .btn.zeleny{background:linear-gradient(100deg,#1d6b4a,#2f9c68 42%,#1f7350) !important;color:#fff !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) button{line-height:normal}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .stars{display:block;gap:normal;font-size:inherit;line-height:inherit}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .row > *:not(.btn){padding-left:0 !important;padding-right:0 !important}
@media(min-width:900px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) section.chapter.after-dark{padding-top:clamp(52px,6.2vw,96px) !important}}
@media(min-width:900px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .faqsec{padding-top:clamp(36px,4.6vw,72px) !important}}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .hero .in{padding-bottom:clamp(64px,9vw,110px) !important}
/* ===== LCDH BRIDGE - adoptovany konfigurator v style navrhu ===== */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .lcd-vehicle-switch__tab svg{width:17px;height:17px;flex:none}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .modl-selector-wrap::before,
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .modl-selector-wrap::after{display:none !important;content:none !important}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .modl-selector-wrap .surcharge-list{margin:0;padding:0;width:100%}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .surcharge-list{text-align:left}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .surcharge-list.brands::before{content:"Značka"}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .surcharge-list.models::before{content:"Model"}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .surcharge-list.years::before{content:"Rok výroby"}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .surcharge-list.type-selector::before{content:"Typ karosérie"}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .modl-selector-wrap .surcharge-list{flex:0 1 calc(25% - 14px);min-width:170px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .lcd-vehicle-switch{max-width:none;margin-bottom:22px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .lcd-vehicle-switch__tab{padding:14px 10px;font-size:12px;gap:9px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .stage{height:240vh !important}}
/* tablet na výšku nad 900 px (iPad Pro 1024 × 1366): Materiál a Čo očakávať ako do 900 px (statická scéna, mobilná verzia 05)
   — PC rozloženie pre okno na šírku nechávalo prázdne pásy 250–300 px (tablet 8. 10. 2026); JS: MATMQ v lcdHome.js */
@media(min-width:901px) and (max-width:1199px) and (orientation:portrait) and (hover:none) and (pointer:coarse){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .stage{height:auto !important}}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) 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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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%}}
/* --- tablet 8. 10. 2026: polia konfigurátora na tabletoch (iPad mini 744, iPad 820, iPad Pro 1024) ---
   select má z formulárov Shoptetu max-width:var(--form-fields-width-lg) = 440 px -> na 600–760 px bol užší ako karta;
   601–1000 px: polia 2 × 2 (4 v riadku sa do ~650 px nezmestili a zalomili 3 + 1), tlačidlo na celú šírku;
   kamióny do 760 px: tlačidlo cez oba stĺpce (_index.scss dáva 2 stĺpce do 900 px).
   Sivý náhľad polí (.konf-nahlad, _lcdKorene.scss 5b) má rovnaké zlomy -> pri výmene sa nič neposunie. */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot select,#lcd-rz .lcdh-konf-slot select{max-width:none}
@media(min-width:601px) and (max-width:1000px){
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .modl-selector-wrap:not(.lcd-truck-wrap){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:end;gap:16px 18px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .modl-selector-wrap:not(.lcd-truck-wrap) .surcharge-list{flex:none;min-width:0;width:auto}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .modl-selector-wrap:not(.lcd-truck-wrap) .btn.choice-Model{grid-column:1 / -1;margin:6px 0 0;padding:0 26px;white-space:nowrap}
}
@media(max-width:760px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lcdh-konf-slot .lcd-truck-wrap > .btn.choice-Model,#lcd-rz .lcdh-konf-slot .lcd-truck-wrap > .btn.choice-Model{grid-column:1 / -1}}
/* rezervácia výšky #konfSlot z adminu (inline min-height: 503 px pod 761 px) — na 601–760 px má karta tabletové polia 2 × 2,
   preto ako od 761 px (231 px, výšku dá sivý náhľad / konfigurátor); po prepnutí na kamióny (2 polia) rezervácia preč,
   inak pod tlačidlom ostal prázdny pás 185–283 px */
@media(min-width:601px) and (max-width:760px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) #konfSlot.lcdh-konf-slot{min-height:231px !important}}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) #konfSlot.lcdh-konf-slot.lcd-konf-ok:has(.lcd-truck-wrap:not([hidden])){min-height:0 !important}
/* ===== 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],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .cta{gap:12px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .cta .btn.ghost:before{display:block}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .revhead .cta .btn.ghost+.btn.ghost:hover:after{transform:translateX(3px)}
@media(max-width:640px){
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-tma{background:var(--lx-ink);color:var(--lx-cream)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-svetla{background:linear-gradient(180deg,var(--sand,#f6f4ef),var(--sand2,#e4e0d4));color:var(--ink)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-vzor{position:relative;isolation:isolate}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-hlava-t{flex:1 1 520px;min-width:0}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx .rule{margin-bottom:10px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-tma .rule .n{color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-tma .rule:after{background:rgba(230,200,119,.22)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-tma .lx-h{color:var(--lx-cream)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-svetla .lx-h{color:var(--ink)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx .lx-h b{font-weight:inherit;color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-svetla .lx-h b{color:var(--gold)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-tma .lx-p{color:var(--lx-mute)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-svetla .lx-p{color:var(--mute)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-chips{display:flex;flex-wrap:wrap;gap:8px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx .pinfoot{width:100%}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-tma .pinfoot{border-top-color:rgba(230,200,119,.2)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-tma .pf-hint{color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-tma .pf-hint:before{border-color:rgba(230,200,119,.6)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-tma .pf-bar{background:rgba(230,200,119,.16)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx .pf-bar i{transition:width .15s linear}

/* --- pred a po (sticky scéna) --- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp{height:300vh}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp-lep{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp-okno{position:absolute;inset:0;overflow:hidden;transform:translate3d(-100%,0,0);will-change:transform}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp-okno .lx-pp-po{transform:translate3d(100%,0,0);will-change:transform}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-cip-l{left:14px;color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-t{flex:1;min-width:0}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-r.on{background:rgba(230,200,119,.07);border-color:rgba(230,200,119,.42)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-r.on .lx-leg-no{color:var(--gold-hi)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-r.on .lx-leg-sw{filter:none}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-r.on .lx-leg-t b{color:var(--lx-cream)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-r.on .lx-leg-t span{color:#bdb39c}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-r.on .lx-leg-ok:after{opacity:1}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-sw,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp .lx-chips{display:none}}
@media(max-width:900px){
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp-main{--lx-legbox:118px;--lx-gapmin:16px;--lx-gapmax:56px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg{grid-template-columns:1fr 1fr;gap:8px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-r{padding:8px 6px;gap:8px;border-radius:9px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-sw,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-ok{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-t span{font-size:12px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp .lx-p{display:none}
}
@media(max-width:760px){
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp{height:260vh}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp .lx-chips{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pocet{text-align:left}
  /* mobil má vlastnú verziu: fotka na celú šírku, bez bodov */
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp .lx-leg{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp.lx-bez-lepu{height:auto}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp.lx-bez-lepu .lx-pp-lep{position:static;height:auto}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp.lx-bez-lepu .lx-pin{height:auto;padding-block:clamp(56px,9vw,110px) 28px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp.lx-bez-lepu .lx-pp-main{flex:none;container-type:normal}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp.lx-bez-lepu .lx-pin{padding-block:clamp(56px,12vw,80px) 10px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp:not(.lx-bez-lepu) .lx-p{display:block}}
/* displej na výšku (telefóny, tablety na výšku; tablet 8. 10. 2026): široká fotka 2,14 : 1 zabrala len 21–32 % výšky
   a nad aj pod ňou zívalo 120–230 px čiernej plochy -> vyšší výrez 1,5 : 1 (object-fit:cover, stred), fotka ~30–50 % výšky */
@media(orientation:portrait) and (max-width:1199px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp .lx-pp-main{--lx-pomer:1.5}}
/* 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],body.lcd-1v [data-lcd-cast^=p1v]) section.lx-po-tmavej{padding-top:0!important}
@media(max-width:760px){:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) section.lx-po-tmavej{padding-top:clamp(52px,14vw,76px)!important}}

/* --- farby (svetlá sekcia) --- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-velka img.on{opacity:1;transform:none}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-cislo{font-size:clamp(40px,5vw,64px);line-height:1}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-stitok span+span{font-size:15px;opacity:.85}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-vzorka:hover{transform:translateY(-3px)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(140,105,25,.42)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac-vejar{display:flex;flex:none;padding-left:8px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac-vejar i:nth-child(1){transform:rotate(-10deg)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac-vejar i:nth-child(2){transform:rotate(-3deg) translateY(-2px)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac-vejar i:nth-child(3){transform:rotate(4deg)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac-vejar i:nth-child(4){transform:rotate(11deg) translateY(1px)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac:hover .lx-farby-viac-vejar i{margin-left:-2px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac{justify-content:center}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac-txt{flex:0 1 auto;min-width:0}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac{padding:6px 8px;gap:9px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac-vejar i{width:20px;margin-left:-7px;border-radius:5px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac-vejar i:nth-child(4){display:none}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-viac-txt b{font-size:13px}
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-main{grid-template-columns:minmax(0,1fr)}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby .lx-hlava{justify-content:center;text-align:center}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby .rule{justify-content:center}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby .rule:before{content:"";flex:1;height:1px;background:var(--line)}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby .lx-p{margin-inline:auto}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-panel{text-align:center}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-akcie{justify-content:center}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-akcie .pf-cta{margin-inline:auto}
}
@media(max-width:520px){
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-vzorky{gap:7px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-vzorka{border-radius:9px}
}

/* --- galéria (sticky pás) --- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal{height:300vh;--lx-kh:clamp(240px,42vh,420px)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-lep{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-hore,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-k.lx-klon{display:none}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-k:nth-child(3n+2){justify-content:flex-end}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-k:nth-child(3n){justify-content:center}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-f:hover img{transform:scale(1.04)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-f:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal{height:auto}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-lep{position:relative;height:auto;overflow:visible}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-pin{height:auto;padding-block:clamp(56px,12vw,80px) 28px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-pocet,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal .pf-hint,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-znak{display:none}
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal.lx-bez-lepu{height:auto}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal.lx-bez-lepu .lx-gal-lep{position:relative;height:auto;overflow:visible}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-okno{flex:none;min-height:0;max-height:none;overflow:hidden}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-trat:active{animation-play-state:paused}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-k,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-k.lx-klon{display:flex;height:auto;width:62vw;justify-content:flex-start}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-f{height:auto;aspect-ratio:4/5}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal .pf-bar{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-trat{animation:none;width:auto;overflow-x:auto;scroll-snap-type:x mandatory}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-k.lx-klon{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-k{scroll-snap-align:start}
}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal.lx-bez-lepu .lx-gal-okno{flex:none;min-height:0;max-height:none}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal.lx-bez-lepu .lx-gal-znak{display:none}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal.lx-bez-lepu .lx-gal-f{height:auto;aspect-ratio:4/5}

/* --- zväčšená fotka --- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-zoom[hidden]{display:none}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-velka img,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-farby-vzorka,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-gal-f img,
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-r,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-t b,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-leg-sw{transition:none}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kontsec{background:var(--sand)}

/* ---- telefon a e-mail nad formularom ---- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kp-r{display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  color:var(--ink)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kp-i{flex:none;color:var(--gold);display:flex;align-items:center}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kp-i svg{width:18px;height:18px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kp-r:hover b{border-bottom-color:var(--gold)}

/* ---- karta formulara ---- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kont-f{grid-template-columns:1fr}}

:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kf{display:block}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kf-full{grid-column:1/-1}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kf:has(input[required]) .kf-l:after,
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kf:has(textarea[required]) .kf-l:after{content:" *";color:#c0392b}

:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kf input,
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kf textarea{resize:vertical;min-height:130px;line-height:1.6}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kf input:focus,
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kf textarea:focus{outline:none;border-color:var(--gold)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kf input::placeholder,
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kf textarea::placeholder{color:#a9a291}

/* chyba sa ukaze az ked ju formular oznaci — nie hned pri nacitani */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kont-f.overene .kf input:invalid ~ .kf-e,
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kont-f.overene .kf textarea:invalid ~ .kf-e{display:block}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kont-f.overene .kf input:invalid,
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---- nepovinne udaje o aute ---- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .kf-auto{grid-column:1/-1}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kf-auto-h span{font-weight:400;color:var(--mute);margin-left:6px}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kf-auto-g{grid-template-columns:1fr 1fr}}

/* ---- odoslanie ---- */
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kf-akcia .btn:hover{background:#17743f}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .kf-pod a{color:#7c5f16}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp:not(.lx-bez-lepu) .lx-pp-main{--lx-legbox:70px;--lx-gapmin:18px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp:not(.lx-bez-lepu) .lx-pp-stage{width:100%}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp:not(.lx-bez-lepu) .lx-pp-plocha{width:var(--lx-w);align-self:center}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp:not(.lx-bez-lepu) .lx-pp-main{--lx-legbox:104px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp:not(.lx-bez-lepu) .lx-p,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .lx-pp:not(.lx-bez-lepu) .lx-leg-r{flex:1 1 0;padding:8px 12px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .stage .pin .pinmain{grid-template-rows:minmax(0,1fr)}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) #matWrap,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) #legend{max-height:100%}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) #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],body.lcd-1v [data-lcd-cast^=p1v]) .leg-d p{text-wrap:pretty}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .leg .i{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) #legend{--sw:clamp(28px,calc(4.4vh + .2px),42px)}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .stage .pintop{display:none}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) #legend{gap:2px}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .truck .tcard .btn.ghost:before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent)}
:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2-texts{display:grid}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-t{position:relative;inset:auto;grid-area:1/1}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .s2-media{max-height:min(56svh,calc(100svh - 300px))}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-col{gap:clamp(12px,2vh,22px)}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .s2-t h3{margin:10px 0 12px;font-size:clamp(21px,min(2.6vw,4.4svh),34px)}
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .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],body.lcd-1v [data-lcd-cast^=p1v]) .truck .row:before,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .truck .row:after,
  :is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .vz .row:before,:is(#lcd-home,[data-lcd-cast^=hp],body.lcd-1v [data-lcd-cast^=p1v]) .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}
}
/* --- tablet 8. 10. 2026: polia konfigurátora na tabletoch (ako titulka) ---
   select z formulárov Shoptetu má max-width 440 px (na iPade mini užší ako karta a tlačidlo);
   601–1000 px polia 2 × 2 namiesto 4 v riadku (na 820 px sa zalomili 3 + 1, „Typ karosérie“ sám v strede);
   rezervácia výšky slotu z adminu (427 px pod 761 px) na 601–760 px ako od 761 px — výšku dá sivý náhľad / konfigurátor */
#lcd-rz .lcdrz-konf-slot select{max-width:none}
@media(min-width:601px) and (max-width:1000px){
  #lcd-rz .lcdrz-konf-slot .modl-selector-wrap:not(.lcd-truck-wrap){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:end;gap:16px 18px}
  #lcd-rz .lcdrz-konf-slot .modl-selector-wrap:not(.lcd-truck-wrap) .surcharge-list{flex:none;min-width:0;width:auto}
  #lcd-rz .lcdrz-konf-slot .modl-selector-wrap:not(.lcd-truck-wrap) .btn.choice-Model{grid-column:1 / -1;margin:6px 0 0;white-space:nowrap}
}
@media(min-width:601px) and (max-width:760px){#lcd-rz #konfSlot.lcdrz-konf-slot{min-height:148px !important}}
/* ===== 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 ---------- */
/* top 104 px: pod plaketou loga (visí z pásu do 95 px) — panel ju už neodreže (tablet 8. 10. 2026) */
#lcd-hdr .mega, #mega[data-lcd-cast]{position:fixed;top:104px;left:var(--pad);z-index:70;width:min(600px,calc(100vw - 24px));
  max-height:calc(100vh - 122px);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}}
/* menu cez celú obrazovku: vlajka a × sú pripnuté hore — lepkavá lišta pod nimi, aby cez ne pri posúvaní neprechádzali karty menu;
   v toku zaberá 20 px (margin -38 px) -> nadpis menu začína na ~74 px, pod lištou (58 px) aj jej tieňom, nie cez ne (kontrola 9. 10. 2026) */
@media(max-width:760px){#mega[data-lcd-cast]::before{content:"";display:block;position:sticky;top:0;z-index:2;height:58px;margin-bottom:-38px;
  background:#eceae5;box-shadow:0 1px 0 rgba(155,122,36,.35),0 6px 14px rgba(20,17,12,.08)}}
/* prekrytie pod panelom (statické: v obale banneru) */
/* .lcd-mega-js = to isté menu vložené JS-om v košíku a objednávke (lcdHdr.js), kde Shoptet bannery nevypíše */
:is([data-ec-promo-id],.lcd-mega-js) .mega-ovl{position:fixed;inset:0;z-index:100000005;background:rgba(20,17,12,.35);display:none}
html body.navigation-window-visible :is([data-ec-promo-id],.lcd-mega-js) .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:104px !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 - 122px) !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;
  visibility:visible !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}}

/* ---------- D) panel košíka — ťuk / prejdenie myšou na ikonu košíka v hlavičke (Michal 8. 10. 2026, návrh A+) ----------
   Natívny #cart-widget Shoptetu (rodič .user-action-in, mimo #header). Deti: .cart-widget-inner.place-cart-here (zoznam;
   Shoptet ho pri KAŽDOM otvorení prepíše AJAXom a vyšle ShoptetDOMCartContentLoaded) a .cart-widget-button (súrodenec).
   Otvorené = body.cart-window-visible. Karta = biela karta POD pásom hlavičky aj plaketou loga (z-index 59 < pás 60
   < #header s logom 61), výška podľa obsahu, tlačidlo hneď pod položkami; dlhý zoznam sa roluje vnútri (hlavička karty,
   súčet a tlačidlo stoja). lcdKosikPanel.js len DOPĹŇA mimo zoznamu: hlavičku karty, súčet, „Nakupovať ďalej“, clonu,
   polohu (--kw-top) a na PC skrytie chatu Luxia pri prieniku. Natívny obsah sa nemaže ani neskrýva.
   Dotyk: kým je karta otvorená, chat Luxia je skrytý vždy (bublina nad clonou by po ťuknutí otvorila chat; uvítanie
   360 × 380 by prekrylo kartu); po zatvorení sa vráti. PC: karta končí 112 px nad spodkom okna, bublina ostáva.
   Dva režimy (NIE podľa body.desktop/mobile — iPad s UA Macu dostane body.desktop):
     PC  = (hover:hover) and (pointer:fine) and (min-width:900px): otvára prejdenie myšou (Shoptet), bez clony a zámku;
     dotyk = všetko ostatné (telefóny, iPady na výšku aj na šírku, úzke okno PC): clona, zámok rolovania, ťuk na clonu zavrie.
   Staré pravidlá (_header.scss r. 235–239, 593–600, 830–834; luxuryCar.scss r. 101–103; _productPage.scss r. 775) prebíja
   ID + !important; upratanie je samostatný krok. */
html:is(.lcd-native-hdr,:has([data-lcd-cast])){--kw-foto:64px;--kw-ink:#14110c;--kw-ciara:#e8e1d1;--kw-tlmena:#5f574a;
  --kw-jemna:#6b645a;--kw-podklad:#f7f5f0;--kw-pad:18px;
  --kw-ico-taska: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%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");
  --kw-ico-kos: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 7h16M9.5 7V4.8h5V7M6.5 7l.9 12.2a1.6 1.6 0 001.6 1.5h6a1.6 1.6 0 001.6-1.5L17.5 7M10.2 11v6M13.8 11v6'/%3E%3C/svg%3E")}
@media(max-width:520px){html:is(.lcd-native-hdr,:has([data-lcd-cast])){--kw-foto:56px;--kw-pad:16px}}

/* karta: spoločné (poloha zhora = --kw-top z JS: spodok pása / plakety / lepkavej lišty + 12 px) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.cart-widget{position:fixed !important;
  top:var(--kw-top,107px) !important;bottom:auto !important;box-sizing:border-box !important;height:auto !important;min-height:0 !important;
  max-height:calc(100vh - var(--kw-top,107px) - 12px) !important;max-height:calc(100dvh - var(--kw-top,107px) - 12px) !important;
  display:flex !important;flex-direction:column !important;margin:0 !important;padding:0 !important;overflow:visible !important;
  z-index:59 !important;background:#fff !important;border:1px solid rgba(196,155,49,.38) !important;border-radius:16px !important;
  box-shadow:0 28px 70px rgba(0,0,0,.42),0 4px 14px rgba(0,0,0,.16) !important;
  color:var(--kw-ink);font:400 15px/1.45 "Source Sans 3","Segoe UI",Arial,sans-serif;text-align:left;
  /* a) do 520 px (telefóny): na šírku okna s okrajmi 12 px */
  left:50% !important;right:auto !important;transform:translateX(-50%) !important;width:calc(100% - 24px) !important;max-width:none !important}
@media(max-width:520px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.cart-widget{
  top:var(--kw-top,83px) !important;max-height:calc(100vh - var(--kw-top,83px) - 12px - env(safe-area-inset-bottom,0px)) !important;
  max-height:calc(100dvh - var(--kw-top,83px) - 12px - env(safe-area-inset-bottom,0px)) !important}}
/* b) 521–899 px (iPad mini a iPad na výšku): karta v strede */
@media(min-width:521px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.cart-widget{
  width:min(560px,calc(100% - 48px)) !important}}
/* c) od 900 px: 440 px vpravo pod ikonou košíka, zarovnaná s okrajom pása (max 1240 px) */
@media(min-width:900px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.cart-widget{
  left:auto !important;transform:none !important;right:max(var(--lcdn-pad),calc((100% - 1240px) / 2 + var(--lcdn-pad))) !important;
  width:min(440px,calc(100% - 2 * var(--lcdn-pad))) !important}}
/* zlatá linka hore (prebije natívnu „šípku“ popupu aj spinner .ajax-pending) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.cart-widget::before{content:"" !important;
  display:block !important;position:absolute !important;z-index:2 !important;left:18px !important;right:18px !important;top:-1px !important;
  bottom:auto !important;width:auto !important;height:3px !important;margin:0 !important;padding:0 !important;border:0 !important;
  border-radius:0 0 3px 3px !important;box-shadow:none !important;transform:none !important;animation:none !important;opacity:1 !important;
  pointer-events:none;background:linear-gradient(90deg,rgba(184,144,31,0),#b8901f 12%,#f0d78f 50%,#b8901f 88%,rgba(184,144,31,0)) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.cart-widget::after{content:none !important}
/* clona (vloží JS ako predchádzajúceho súrodenca karty) — len v dotykovom režime; pás s logom ostáva nad ňou */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) .lcd-kw-clona{display:none}
@media not all and (hover:hover) and (pointer:fine) and (min-width:900px){
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible .lcd-kw-clona{display:block;position:fixed;inset:0;z-index:58;
    margin:0;padding:0;border:0;cursor:pointer;touch-action:none;background:rgba(12,10,7,.55);
    -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])):has(body.cart-window-visible){overflow:hidden !important}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible iframe[title="Luxia chat"]{visibility:hidden !important}
}
/* PC (myš): neviditeľný mostík od ikony ku karte, aby sa pri prechode myšou nezavrela; karta končí nad bublinou chatu
   Luxia (76 × 76, 16–18 px od spodku) -> bublinu netreba skrývať pri každom prejdení myšou */
@media(hover:hover) and (pointer:fine) and (min-width:900px){
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.cart-widget{
    max-height:calc(100vh - var(--kw-top,107px) - 112px) !important;max-height:calc(100dvh - var(--kw-top,107px) - 112px) !important}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.cart-widget::after{content:"" !important;
    display:block !important;position:absolute !important;left:0 !important;right:0 !important;bottom:100% !important;top:auto !important;
    width:auto !important;height:56px !important;margin:0 !important;border:0 !important;box-shadow:none !important;transform:none !important;
    background:none !important}
}
@media(prefers-reduced-motion:no-preference){
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.cart-widget{animation:lcdKwIn .22s cubic-bezier(.2,.7,.2,1)}
  html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible .lcd-kw-clona{animation:lcdKwClona .22s ease-out}
}
@keyframes lcdKwIn{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@keyframes lcdKwClona{from{opacity:0}to{opacity:1}}
/* otvorená ikona košíka v páse */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #header .navigation-buttons > .cart-count[aria-expanded="true"]{color:#fff !important}

/* hlavička karty (JS): ikona tašky, „VÁŠ KOŠÍK“ + počet položiek, zavrieť */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-hlava{flex:none;display:flex;align-items:center;gap:12px;box-sizing:border-box;
  margin:0;padding:14px 8px 12px 16px;border:0;border-bottom:1px solid var(--kw-ciara);border-radius:15px 15px 0 0;background:#fff}
@media(min-width:521px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-hlava{padding:16px 8px 14px 18px}}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-ikona{flex:none;position:relative;display:block;width:36px;height:36px;
  border-radius:50%;background:var(--kw-ink);box-shadow:0 0 0 1px rgba(196,155,49,.55),0 4px 10px rgba(20,17,12,.18)}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-ikona::before{content:"";position:absolute;inset:9px;background:#e6c877;
  -webkit-mask:var(--kw-ico-taska) center/contain no-repeat;mask:var(--kw-ico-taska) center/contain no-repeat}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-texty{flex:1 1 auto;min-width:0}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget #lcd-kw-titul{margin:0 !important;padding:0;color:var(--kw-ink) !important;
  font:normal 900 15px/1.2 "Exo 2","Segoe UI",Arial,sans-serif !important;letter-spacing:.12em !important;text-transform:uppercase !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-pocet{margin:3px 0 0 !important;padding:0;color:var(--kw-tlmena) !important;
  font:normal 400 14px/1.3 "Source Sans 3","Segoe UI",Arial,sans-serif !important;letter-spacing:0;text-transform:none}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-pocet:empty{display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-x{flex:none;position:relative;display:block;width:44px;height:44px;
  min-width:0;margin:0;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:var(--kw-ink);font-size:0;line-height:0;cursor:pointer}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-x::before,
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-x::after{content:"";position:absolute;left:13px;top:21px;width:18px;height:2px;
  border-radius:1px;background:currentColor;transform:rotate(45deg)}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-x::after{transform:rotate(-45deg)}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-x:hover{background:#f3efe6}

/* zoznam (natívny obsah z AJAXu): pri dlhom zozname sa roluje len on; tiene hore/dole len keď je čo rolovať */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget .cart-widget-inner{position:relative !important;display:block !important;
  flex:0 1 auto !important;min-height:0 !important;box-sizing:border-box !important;width:auto !important;max-width:none !important;
  height:auto !important;max-height:none !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;
  box-shadow:none !important;overflow-x:hidden !important;overflow-y:auto !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  background:linear-gradient(#fff 30%,rgba(255,255,255,0)) center top / 100% 28px no-repeat local,
    linear-gradient(rgba(255,255,255,0),#fff 70%) center bottom / 100% 28px no-repeat local,
    radial-gradient(farthest-side at 50% 0,rgba(20,17,12,.18),rgba(20,17,12,0)) center top / 100% 12px no-repeat scroll,
    radial-gradient(farthest-side at 50% 100%,rgba(20,17,12,.18),rgba(20,17,12,0)) center bottom / 100% 12px no-repeat scroll,
    #fff !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget :is(.cart-widget-products,.cart-widget-products-inner){height:auto !important;
  max-height:none !important;margin:0 !important;padding:0 !important;border:0 !important;overflow:visible !important;background:none !important}
/* riadok: [fotka] [názov · výber · príplatky] / [množstvo jednotka · cena · kôš] / [poznámka] */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product[data-micro="cartItem"]{position:relative !important;
  display:grid !important;grid-template-columns:var(--kw-foto) auto auto minmax(0,1fr) 40px;grid-template-rows:auto auto auto;
  align-items:start;box-sizing:border-box;width:auto !important;height:auto !important;min-height:0 !important;margin:0 !important;
  padding:12px 6px 12px 16px !important;border:0 !important;border-top:1px solid var(--kw-bez,#eceae5) !important;background:none !important;
  table-layout:auto}
@media(min-width:521px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product[data-micro="cartItem"]{padding:14px 6px 14px 18px !important}}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product[data-micro="cartItem"]:first-child{border-top:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-image{grid-column:1;grid-row:1 / 3;display:block !important;
  float:none !important;width:var(--kw-foto) !important;height:var(--kw-foto) !important;margin:0 !important;padding:0 !important;text-align:left}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-image a{display:block !important;width:100% !important;height:100% !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-image img{display:block !important;box-sizing:border-box;width:100% !important;
  height:100% !important;max-width:none !important;max-height:none !important;margin:0 !important;object-fit:cover;border-radius:10px;
  border:1px solid var(--kw-ciara)}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-name{display:contents !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-name > strong{grid-column:2 / 6;grid-row:1;display:block !important;
  min-width:0;margin:0;padding:0 0 0 14px;font-weight:inherit}
/* názov = textový uzol v <a>; <a> je blok, aby fungovalo ::first-letter („luxusní“ -> „Luxusní“); názov sa neoreže */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-name > strong > a{display:block !important;margin:0;padding:0;
  color:var(--kw-ink) !important;text-decoration:none !important;overflow-wrap:anywhere;white-space:normal !important;
  font:normal 700 15px/1.3 "Exo 2","Segoe UI",Arial,sans-serif !important;letter-spacing:.005em !important;text-transform:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-name > strong > a::first-letter{text-transform:uppercase}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget :is(.cart-widget-product-variant,.cart-widget-product-surcharges){display:-webkit-box !important;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:4px 0 0 !important;padding:0 !important;white-space:normal !important;
  color:var(--kw-jemna) !important;font:normal 400 13px/1.4 "Source Sans 3","Segoe UI",Arial,sans-serif !important;
  letter-spacing:0 !important;text-transform:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-surcharges{color:var(--kw-jemna) !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget.lcd-kw-viac .cart-widget-product-surcharges{-webkit-line-clamp:1}
@media(max-width:520px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-surcharges{-webkit-line-clamp:1}}
/* rozpis položky (JS, plný text z obsahu košíka — Shoptet príplatky v paneli skracuje „…“): farby vrstiev a príplatky
   po riadkoch pod názvom, ako v /kosik/; natívny skrátený text sa vtedy skryje, množstvo/cena/kôš idú o riadok nižšie */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product.lcd-kw-s-rozpisom :is(.cart-widget-product-variant,.cart-widget-product-surcharges){display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-rozpis{grid-column:2 / 6;grid-row:2;display:flex;flex-direction:column;gap:3px;min-width:0;box-sizing:border-box;
  margin:6px 0 0 !important;padding:0 8px 0 14px !important;list-style:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-rozpis > li{position:relative;display:block;margin:0 !important;padding:0 0 0 13px !important;list-style:none !important;
  color:var(--kw-jemna);font:normal 400 13px/1.4 "Source Sans 3","Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;
  overflow-wrap:anywhere}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-rozpis > li::before{content:"";position:absolute;left:1px;top:.62em;width:5px;height:5px;border-radius:50%;background:#c49b31}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-rozpis .lcd-kw-rh{color:var(--kw-ink);font-weight:600}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product.lcd-kw-s-rozpisom :is(.cart-widget-product-amount,.cart-widget-product-unit,[data-testid="cartWidgetProductPrice"],.cart-widget-product-delete){
  grid-row:3}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product.lcd-kw-s-rozpisom :is(.cart-widget-product-amount,.cart-widget-product-unit,[data-testid="cartWidgetProductPrice"]){margin-top:8px !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product.lcd-kw-s-rozpisom .cart-widget-product-delete{margin-top:4px !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product.lcd-kw-s-rozpisom .CartWidgetNoteDetails{grid-row:4}
/* množstvo vždy: „1 ks“ / „2 ks“ / „1 sada“ vľavo na riadku ceny (natívne pole a jednotka; zmena množstva je v /kosik/).
   ID + !important prebije globálne skrytie span.quantity (_productPage.scss) aj jednotky do 678 px (luxuryCar.scss);
   v mriežke sú to bunky (display sa zblokuje) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product .cart-widget-product-amount{
  display:inline !important;visibility:visible !important;grid-column:2;grid-row:2;align-self:center;float:none;width:auto !important;
  margin:4px 0 0 !important;padding:0 0 0 14px !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product .cart-widget-product-unit{
  display:inline !important;visibility:visible !important;grid-column:3;grid-row:2;align-self:center;float:none;width:auto !important;
  margin:4px 0 0 !important;padding:0 0 0 4px !important;color:var(--kw-tlmena);font:normal 600 14px/20px "Source Sans 3","Segoe UI",Arial,sans-serif}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-amount :is(form,label){display:inline !important;position:static !important;
  margin:0 !important;padding:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-amount span.quantity{display:inline-flex !important;position:static !important;
  width:auto !important;min-width:0 !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])) #cart-widget .cart-widget-product-amount :is(.increase,.decrease,.increase-tooltip,.decrease-tooltip){display:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-amount input.amount{display:inline-block !important;width:2ch !important;
  height:20px !important;min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;
  box-shadow:none !important;pointer-events:none;-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield;text-align:left !important;
  color:var(--kw-tlmena) !important;font:normal 600 14px/20px "Source Sans 3","Segoe UI",Arial,sans-serif !important}
@supports (field-sizing:content){html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-amount input.amount{
  field-sizing:content;width:auto !important;min-width:1ch !important}}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-amount input.amount::-webkit-inner-spin-button,
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-amount input.amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/* cena riadku (Shoptet ju dáva za všetky kusy) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget [data-testid="cartWidgetProductPrice"]{grid-column:4;grid-row:2;justify-self:end;align-self:center;
  display:block !important;position:static !important;margin:4px 0 0 !important;padding:0 4px 0 12px !important;white-space:nowrap;
  color:var(--kw-ink) !important;font:normal 700 16px/20px "Exo 2","Segoe UI",Arial,sans-serif !important;font-variant-numeric:tabular-nums}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .CartWidgetNoteDetails{grid-column:2 / 6;grid-row:3;margin:0;padding:6px 12px 0 14px;
  color:var(--kw-tlmena);font-size:13px;line-height:1.4}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .CartWidgetNoteDetails:empty{display:none !important}
/* odstrániť: ikona koša 40 × 40 vpravo na riadku ceny (na PC ju Shoptet ukazuje až pri prejdení myšou) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-delete{grid-column:5;grid-row:2;justify-self:end;align-self:center;
  display:block !important;visibility:visible !important;opacity:1 !important;position:static !important;float:none;width:40px !important;
  height:40px !important;margin:0 !important;padding:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .cart-widget-product-delete :is(form,.inline){display:block !important;position:static !important;
  width:100% !important;height:100% !important;margin:0 !important;padding:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .remove-item{position:relative !important;display:block !important;visibility:visible !important;
  opacity:1 !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;transform:none !important;
  width:40px !important;height:40px !important;min-width:0 !important;margin:0 !important;padding:0 !important;border:0 !important;
  border-radius:50% !important;background:none !important;box-shadow:none !important;color:#8a8174 !important;
  font-size:0 !important;line-height:0 !important;cursor:pointer}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .remove-item::before{content:"" !important;position:absolute !important;
  inset:11px !important;width:auto !important;height:auto !important;margin:0 !important;transform:none !important;background:currentColor !important;
  font-size:0 !important;-webkit-mask:var(--kw-ico-kos) center/contain no-repeat;mask:var(--kw-ico-kos) center/contain no-repeat}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .remove-item::after{content:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .remove-item:hover{color:var(--kw-ink) !important;background:#f3efe6 !important}

/* súčet (JS; len pri 2+ položkách, text z ceny v hlavičke Shoptetu) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-suma{flex:none;position:relative;display:flex;justify-content:space-between;
  align-items:baseline;gap:12px;box-sizing:border-box;margin:0;padding:12px var(--kw-pad) 4px;background:var(--kw-podklad);
  border-top:1px solid var(--kw-ciara);box-shadow:0 -14px 16px -16px rgba(20,17,12,.4)}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-suma > span{color:var(--kw-tlmena);
  font:normal 700 12.5px/1.2 "Exo 2","Segoe UI",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-suma > strong{color:var(--kw-ink);white-space:nowrap;
  font:normal 900 22px/1.1 "Exo 2","Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}
/* tlačidlo hneď pod položkami (natívny text) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget .cart-widget-button{flex:none;position:static !important;
  display:block !important;inset:auto !important;box-sizing:border-box;width:auto !important;height:auto !important;min-height:0 !important;
  margin:0 !important;padding:12px var(--kw-pad) 0 !important;border:0 !important;border-top:1px solid var(--kw-ciara) !important;
  border-radius:0 !important;background:#fff !important;box-shadow:none !important;text-align:center}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget.lcd-kw-viac .cart-widget-button{border-top:0 !important;
  background:var(--kw-podklad) !important}
/* „Pokračovať“ v paneli košíka zelené ako v košíku a krokoch objednávky (Michal 9. 10.: hlavná cesta je vždy zelená) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget #continue-order-button{position:relative !important;display:flex !important;
  align-items:center;justify-content:center;gap:12px;box-sizing:border-box;width:100% !important;min-height:50px;height:auto !important;
  margin:0 !important;padding:13px 18px !important;border:0 !important;border-radius:12px !important;
  background:linear-gradient(180deg,#3f9a44 0%,#2e7d32 55%,#256b29 100%) !important;color:#fff !important;
  font:normal 900 14.5px/1.2 "Exo 2","Segoe UI",Arial,sans-serif !important;letter-spacing:.1em !important;text-transform:uppercase !important;
  text-align:center !important;text-decoration:none !important;white-space:normal !important;
  box-shadow:0 10px 22px rgba(46,125,50,.30),inset 0 1px 0 rgba(255,255,255,.25) !important;transition:filter .2s}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget #continue-order-button::before{content:none !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget #continue-order-button::after{content:"" !important;position:static !important;
  display:block !important;flex:none;width:8px !important;height:8px !important;margin:0 0 0 2px !important;padding:0 !important;
  border:solid currentColor !important;border-width:2px 2px 0 0 !important;background:none !important;transform:rotate(45deg) !important;
  font-size:0 !important;line-height:0 !important}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget #continue-order-button:hover{filter:brightness(1.05)}
@media(max-width:360px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget #continue-order-button{font-size:14px !important;letter-spacing:.06em !important}}
/* „Nakupovať ďalej“ (JS) — tichý návrat, posledný prvok karty */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-spat{display:block;flex:none;box-sizing:border-box;width:100%;min-height:44px;
  margin:2px 0 0;padding:0 12px 8px;border:0;border-radius:0 0 15px 15px;background:#fff;color:var(--kw-jemna);cursor:pointer;text-align:center;
  font:normal 600 14.5px/44px "Source Sans 3","Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;
  text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(20,17,12,.28);text-underline-offset:4px}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget.lcd-kw-viac .lcd-kw-spat{margin-top:0;padding-top:2px;background:var(--kw-podklad)}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget .lcd-kw-spat:is(:hover,:focus-visible){color:var(--kw-ink)}
/* prázdny košík: hlavička bez počtu, veta Shoptetu na stred, bez tlačidla a súčtu, ostáva „Nakupovať ďalej“ */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget [data-testid="cartTitle"]{display:block !important;box-sizing:border-box;width:auto !important;
  margin:0 !important;padding:22px 16px 10px !important;border:0 !important;text-align:center !important;color:var(--kw-tlmena) !important;
  font:normal 600 15px/1.4 "Source Sans 3","Segoe UI",Arial,sans-serif !important;letter-spacing:0;text-transform:none}
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #cart-widget:is(.lcd-kw-prazdny,:has([data-testid="cartTitle"])) :is(.cart-widget-button,.lcd-kw-suma){
  display:none !important}
/* fokus z klávesnice (prebije biely rámik Shoptetu) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) #cart-widget :is(.lcd-kw-x,.remove-item,#continue-order-button,.lcd-kw-spat):focus-visible{
  outline:2px solid #8f7020 !important;outline-offset:2px !important}
/* chat Luxia na PC: skryje sa LEN pri otvorenom košíku a len keď by kartu zakryl alebo je väčší ako bublina (uvítanie, ponuka) — JS;
   na dotyku ho skrýva pravidlo vyššie (clona) vždy, kým je karta otvorená */
html.lcd-kw-bez-luxie body.cart-window-visible iframe[title="Luxia chat"]{visibility:hidden !important}
/* notifikácia ProveSource (z-index 9999) by pri otvorenej karte zakryla pás, prvý riadok aj tlačidlo -> počas otvorenia preč */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.cart-window-visible #provesrc-notification-container{visibility:hidden !important}

/* ---------- E) objednávkový proces (/kosik/, /objednavka/) a prekrytia s chatom Luxia / lištou cookies (tablet 8. 10. 2026) ---------- */
/* obsah pod plaketou loga (visí z pásu do 95 px, do 520 px do 71 px): kroky objednávky aj nadpis „Váš nákupný košík je prázdny“
   ležali pod logom; do 767 px mal Shoptet kroky fixne na vrchu okna (top 0) — pod pásom hlavičky, preto v toku stránky */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.ordering-process #content-wrapper{padding-top:28px !important}
@media(max-width:520px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.ordering-process #content-wrapper{padding-top:12px !important}}
@media(max-width:767px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.ordering-process ol.cart-header{position:static !important;top:auto !important}}
/* bublina chatu Luxia (76 × 76 vpravo dole) ležala na „Pokračovať“ a na celkovej sume; rezerva pod obsahom, aby sa dali
   vždy odrolovať nad bublinu (na PC a tabletoch na šírku je tlačidlo v ľavom stĺpci) */
@media(max-width:1024px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.ordering-process #content-wrapper{padding-bottom:110px !important;
  background-color:#fff}}
/* do 560 px má widget Luxie bublinu vyššie (bottom 50 px -> horný okraj 126 px nad spodkom okna) -> väčšia rezerva */
@media(max-width:560px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.ordering-process #content-wrapper{padding-bottom:144px !important}}
/* Tab cez formular objednavky: zamerane pole cele v okne (nie 7 px pod spodnym okrajom, nie pod bublinou chatu);
   prehliadac pri focuse posuva s touto rezervou (9. 10. 2026, test-rolovanie: billStreet 662-702 pri vyske okna 695) */
html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.ordering-process :is(input,select,textarea){scroll-margin-block:96px 120px}
/* /kosik/ na tablete na výšku (521–991 px): súhrn so „Pokračovať“ je karta 400 px pri pravom okraji — hneď po načítaní ležala
   bublina chatu (76 × 76, 16 px od pravého okraja) na konci tlačidla (iPad mini 3 420 px², iPad 820 2 622 px²);
   vpravo rezerva 96 px ako pri lište scén titulky — tlačidlo nikdy nesiaha do pásu bubliny (kontrola 9. 10. 2026) */
@media(min-width:521px) and (max-width:991px){html:is(.lcd-native-hdr,:has([data-lcd-cast])) body.ordering-process .cart-content.summary-wrapper{
  box-sizing:border-box;padding-right:96px !important}}
/* otvorené menu: chat Luxia (z-index 2147483000) by ležal nad panelom menu a zakryl jeho tlačidlá — kým je menu otvorené, ustúpi */
html body.navigation-window-visible iframe[title="Luxia chat"]{visibility:hidden !important}
/* lišta cookies Shoptetu: ikona chatu ležala na pravom tlačidle (Súhlasím / Nastavenie) — obsah lišty nechá vpravo miesto pre ikonu */
@media(max-width:1340px){.siteCookies .siteCookies__form{padding-right:96px !important;box-sizing:border-box}}
/* telefón (do 468 px) s lepkavou lištou „Do košíka“ dole (61 px): bublina chatu (50 px od spodku) zasahovala do lišty */
@media(max-width:468px){body:has(#js-plugin-header.active) iframe[title="Luxia chat"]{bottom:72px !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}
}
/*    tablet 8. 10. 2026: 601–1000 px polia 2 × 2 a tlačidlo na celú šírku — rovnako ako hotový konfigurátor
      (_lcdHome.scss a _lcdRz.scss, „polia konfigurátora na tabletoch“) */
@media(min-width:601px) and (max-width:1000px){
  html.lcd-js #konfSlot .kn-polia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:16px 18px}
  html.lcd-js #konfSlot .kn-pole{flex:none;min-width:0;width:auto}
  html.lcd-js #konfSlot .kn-btn{grid-column:1 / -1;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 ===== */

/* ===== LCD-KOSIK START - generovane tools/vloz-lcd-css.py z _lcdKosik.scss (kosik: ponuka rohoze a boxu k setu, #lcd-doplnok), needituj rucne ===== */
/* =====================================================================
   KOŠÍK: PONUKA K SETU — partial pre blok LCD-KOSIK (vkladá tools/vloz-lcd-css.py)
   assets/js/lcdKosikDoplnok.js: na /kosik/ pri sete autokobercov <div id="lcd-doplnok" role="region"> hneď pod položkami
   (pred súhrnom). Michal 10. 10. (návrh 3): PC dva stĺpce so súhrnom vpravo, telefón jeden stĺpec + lišta dole.
   Tmavý blok s úzkymi pásmi Druhá vrstva (len jednovrstvový set) / Rohož Classic / Box, klik rozbalí detail,
   Exo 2 + Source Sans 3, zlatá linka. Zlatý text len na tmavom (na bielej má --gold kontrast 2,4 : 1).
   ===================================================================== */
#lcd-doplnok{--ink:#14110c;--bg:#15110b;--card:#211a12;--line:rgba(196,155,49,.28);--text:#f6f0e3;--mute:#cbc1aa;
  --gold:#c49b31;--gold-hi:#e3c262;--gold-lo:#8f7020;--ok:#a3dcb0;--zle:#ffb8ab;
  --disp:"Exo 2","Segoe UI",Arial,sans-serif;--body:"Source Sans 3","Segoe UI",Arial,sans-serif;
  display:block;box-sizing:border-box;width:100%;margin:0 0 16px;padding:0;
  font:400 15px/1.4 var(--body);color:var(--ink);text-align:left;letter-spacing:normal;text-transform:none}
#lcd-doplnok *,#lcd-doplnok *::before,#lcd-doplnok *::after{box-sizing:border-box}

/* tmavý prémiový blok (jazyk hlavičky webu: čierna, zlatá linka) — ponuka nesmie vyzerať ako ďalší riadok formulára */
#lcd-doplnok .lcd-dop__karta{position:relative;margin:0 0 12px;padding:18px 20px 20px;color:var(--text);
  background:linear-gradient(160deg,#1d170f 0%,#120e09 70%);border:1px solid #2e2618;border-top:2px solid var(--gold);
  border-radius:16px;box-shadow:0 14px 34px rgba(20,17,12,.16)}
#lcd-doplnok .lcd-dop__karta[aria-busy=true]{opacity:.8}
#lcd-doplnok .lcd-dop__hlava{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0}
#lcd-doplnok .lcd-dop__titul{min-width:0}
#lcd-doplnok .lcd-dop__stitok{margin:0 0 6px;padding:0;font:600 11.5px/1.2 var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-hi)}
#lcd-doplnok .lcd-dop__nadpis{margin:0;padding:0;font:600 22px/1.2 var(--disp) !important;letter-spacing:.01em !important;
  text-transform:none !important;color:var(--text) !important;border:0;background:none;text-wrap:balance}
#lcd-doplnok .lcd-dop__nie{flex:0 0 auto;min-height:44px;margin:-10px -4px 0 0;padding:0 4px;background:none;border:0;border-radius:4px;
  font:400 14px/1.2 var(--body);color:var(--mute);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-transform:none;letter-spacing:normal}
#lcd-doplnok .lcd-dop__nie:hover{color:var(--text)}
#lcd-doplnok .lcd-dop__podnadpis{margin:6px 0 14px;font-size:14.5px;line-height:1.4;color:var(--mute)}
#lcd-doplnok .lcd-dop__kset{margin:-6px 0 12px;font-size:14px;line-height:1.35;color:var(--mute)}

/* úzke pásy (Michal 10. 10.: „úzke pásy, keď na to klikne, nech sa to zväčší“): [fotka] nadtitul + názov | cena |
   Pridať / Vybrať | šípka; klik na pás rozbalí detail (veľká fotka, veta, výber). Naraz rozbalený jeden. */
#lcd-doplnok .lcd-dop__volby{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
#lcd-doplnok .lcd-dop__volba{margin:0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  transition:border-color .15s ease}
#lcd-doplnok .lcd-dop__volba::before{content:none}
#lcd-doplnok .lcd-dop__volba:hover,#lcd-doplnok .lcd-dop__volba.je-otvorena{border-color:var(--gold)}
#lcd-doplnok .lcd-dop__pas{display:grid;grid-template-columns:minmax(0,1fr) auto auto 16px;align-items:center;gap:8px 16px;
  padding:8px 14px 8px 8px;cursor:pointer}
#lcd-doplnok .lcd-dop__prepni{display:flex;align-items:center;gap:14px;min-width:0;min-height:56px;margin:0;padding:0;background:none;border:0;
  border-radius:8px;color:inherit;font:inherit;text-align:left;text-transform:none;letter-spacing:normal;cursor:pointer}
#lcd-doplnok .lcd-dop__mini{display:block;flex:none;width:60px;height:60px;border-radius:8px;object-fit:cover;background:#2a2217}
#lcd-doplnok .lcd-dop__vtext{display:flex;flex-direction:column;gap:2px;min-width:0}
/* riadok nad názvom: [ODPORÚČAME] nadtitul / „16 farieb na výber“; pod názvom dôvod kúpy (Michal 10. 10.) */
#lcd-doplnok .lcd-dop__vriadok{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0}
#lcd-doplnok .lcd-dop__odp{display:inline-block;padding:3px 8px 2px;border-radius:999px;background:linear-gradient(135deg,#ecd07a,#c49b31);
  color:var(--ink);font:700 10.5px/1.25 var(--disp);letter-spacing:.12em;text-transform:uppercase}
#lcd-doplnok .lcd-dop__nadtitul{font:600 11px/1.3 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi)}
#lcd-doplnok .lcd-dop__dovod{font-size:13.5px;line-height:1.35;color:var(--mute)}
#lcd-doplnok .lcd-dop__meno{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font:600 16.5px/1.25 var(--disp);letter-spacing:.01em;color:var(--text)}
#lcd-doplnok .lcd-dop__meno-vz{display:block;flex:none;width:18px;height:18px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(246,240,227,.5)}
#lcd-doplnok .lcd-dop__meno-vz[hidden]{display:none}
#lcd-doplnok .lcd-dop__pod{font-size:13px;line-height:1.3;color:var(--gold-hi);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#lcd-doplnok .lcd-dop__sipka{display:block;width:8px;height:8px;justify-self:center;border-right:2px solid var(--gold-hi);border-bottom:2px solid var(--gold-hi);
  transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
#lcd-doplnok .je-otvorena .lcd-dop__sipka{transform:translateY(2px) rotate(-135deg)}

/* cena: v páse „+129 € v sete“ + „ušetríte 101 €“, v detaile „samostatne 230 €“; v súhrne výberu riadok */
#lcd-doplnok .lcd-dop__cena{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;line-height:1.3;font-variant-numeric:tabular-nums;color:var(--text)}
#lcd-doplnok .lcd-dop__hlavna{flex:1 0 100%}
#lcd-doplnok .lcd-dop__vsete{font:700 24px/1.15 var(--disp);color:var(--text);white-space:nowrap}
#lcd-doplnok .lcd-dop__hlavna small{font-size:13.5px;color:var(--mute)}
#lcd-doplnok .lcd-dop__cena--pas{flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
#lcd-doplnok .lcd-dop__cena--pas .lcd-dop__hlavna{flex:none}
#lcd-doplnok .lcd-dop__cena--pas .lcd-dop__vsete{font-size:19px}
#lcd-doplnok .lcd-dop__samoriadok{margin:0;font-size:14px;color:var(--mute)}
#lcd-doplnok .lcd-dop__samo{white-space:nowrap;text-decoration:line-through;text-decoration-thickness:1px}
#lcd-doplnok .lcd-dop__usetri{display:inline-block;padding:2px 9px;border-radius:999px;background:rgba(163,220,176,.14);
  font-size:13px;font-weight:600;line-height:1.35;color:var(--ok);white-space:nowrap}

/* tlačidlá (Michal 9. 10.: „farebne“): zlaté, „Pridať“ so znakom +, „Vybrať“ so šípkou; text v ink (kontrast ~7 : 1) */
#lcd-doplnok :is(.lcd-dop__pridat,.lcd-dop__vybrat){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0;
  padding:0 18px;border:0;border-radius:999px;color:var(--ink);font:700 12.5px/1 var(--disp);letter-spacing:.1em;text-transform:uppercase;
  white-space:nowrap;cursor:pointer;background:linear-gradient(180deg,#e2be5c 0%,#c49b31 55%,#b18822 100%);
  box-shadow:0 8px 18px rgba(196,155,49,.28),inset 0 1px 0 rgba(255,255,255,.4);transition:filter .15s ease,transform .15s ease}
#lcd-doplnok .lcd-dop__pas :is(.lcd-dop__pridat,.lcd-dop__vybrat){min-height:42px;padding:0 16px;box-shadow:0 6px 14px rgba(196,155,49,.22),inset 0 1px 0 rgba(255,255,255,.4)}
#lcd-doplnok :is(.lcd-dop__pridat,.lcd-dop__vybrat):hover{filter:brightness(1.08)}
#lcd-doplnok :is(.lcd-dop__pridat,.lcd-dop__vybrat):active{transform:translateY(1px)}
#lcd-doplnok .lcd-dop__pridat::before{content:"+";display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;
  margin-left:-4px;border-radius:50%;background:rgba(20,17,12,.14);font:700 15px/1 var(--disp);letter-spacing:0}
#lcd-doplnok .lcd-dop__vybrat[aria-expanded=true]{background:linear-gradient(180deg,#c49b31 0%,#a8821f 100%)}
#lcd-doplnok .lcd-dop__vybrat i{display:block;flex:none;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
#lcd-doplnok .lcd-dop__vybrat[aria-expanded=true] i{transform:translateY(2px) rotate(-135deg)}
#lcd-doplnok :is(.lcd-dop__pridat,.lcd-dop__vybrat,.lcd-dop__prepni):disabled{opacity:.55;cursor:default}

/* detail rozbaleného pásu: veľká fotka vľavo, veta a „samostatne“ vpravo, výber (Lux farba / box) pod tým na celú šírku */
#lcd-doplnok .lcd-dop__detail{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:14px 20px;padding:14px 16px 16px;
  border-top:1px solid var(--line)}
#lcd-doplnok .lcd-dop__detail[hidden]{display:none}
#lcd-doplnok .lcd-dop__foto{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:10px;background:#2a2217}
#lcd-doplnok .lcd-dop__vfoto{display:block;width:100%;height:100%;object-fit:cover}
#lcd-doplnok .lcd-dop__dtext{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
#lcd-doplnok .lcd-dop__veta{margin:0;font-size:15px;line-height:1.45;color:var(--mute)}
#lcd-doplnok .lcd-dop__vyberpas{grid-column:1 / -1;min-width:0}
#lcd-doplnok .lcd-dop__zlava{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:999px;
  background:linear-gradient(135deg,#ecd07a,#c49b31);color:var(--ink);font:700 13px/1.2 var(--disp);letter-spacing:.02em;
  font-variant-numeric:tabular-nums;box-shadow:0 2px 8px rgba(0,0,0,.35)}
/* druhá vrstva: fotka = produktová fotka dvojvrstvového setu (záloha: vzorka), štítok so vzorkou a číslom Lux farby */
#lcd-doplnok .lcd-dop__znacka{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;
  background:rgba(20,17,12,.82);border:1px solid var(--gold);color:var(--text);font:600 13px/1.2 var(--disp);letter-spacing:.02em;font-variant-numeric:tabular-nums}
#lcd-doplnok .lcd-dop__znacka:has(.lcd-dop__znacka-vz:not([hidden])){padding-left:4px}
#lcd-doplnok .lcd-dop__znacka-vz{display:block;flex:none;width:20px;height:20px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(246,240,227,.5)}
#lcd-doplnok .lcd-dop__znacka-vz[hidden]{display:none}

/* výber: dlaždice Lux farieb a farieb boxov so vzorkou, veľkosti boxu s rozmermi, počet boxov */
#lcd-doplnok :is(.lcd-dop__luxy,.lcd-dop__farby){display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:0 0 6px}
#lcd-doplnok .lcd-dop__opt:is(.lcd-dop__opt--lux,.lcd-dop__opt--farba){display:block;margin:0}
#lcd-doplnok .lcd-dop__opt:is(.lcd-dop__opt--lux,.lcd-dop__opt--farba) > span{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-height:0;height:100%;padding:6px 6px 8px;
  border-radius:12px;text-align:center}
#lcd-doplnok :is(.lcd-dop__opt--lux,.lcd-dop__opt--farba) img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;background:#2a2217}
#lcd-doplnok .lcd-dop__opt--lux b{font:600 14px/1.2 var(--disp);color:var(--text)}
#lcd-doplnok .lcd-dop__opt--farba b{font:600 12.5px/1.25 var(--body);color:var(--text);overflow-wrap:anywhere}
#lcd-doplnok .lcd-dop__opt--lux :is(small,em){font-size:12.5px;line-height:1.2;font-style:normal;color:var(--gold-hi)}
#lcd-doplnok .lcd-dop__opt--lux em{color:var(--mute);font-variant-numeric:tabular-nums}
#lcd-doplnok .lcd-dop__suhrn-cena:has(.lcd-dop__suhrn-lux){display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
#lcd-doplnok .lcd-dop__suhrn-lux{font:600 15px/1.3 var(--disp);color:var(--text)}
#lcd-doplnok .lcd-dop__fs{margin:0 0 8px;padding:0;border:0;min-width:0}
#lcd-doplnok .lcd-dop__fs[hidden]{display:none}
#lcd-doplnok .lcd-dop__fs.lcd-dop__fs--farba{margin:4px 0 12px}
#lcd-doplnok .lcd-dop__fs legend{display:block;width:auto;margin:0 0 6px;padding:0;border:0;
  font:600 11.5px/1.2 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi)}
#lcd-doplnok .lcd-dop__opt{position:relative;display:inline-flex;vertical-align:top;margin:0 6px 6px 0;padding:0;cursor:pointer;font-weight:400}
#lcd-doplnok .lcd-dop__opt input{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}
#lcd-doplnok .lcd-dop__opt > span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 16px;background:transparent;
  border:1px solid rgba(246,240,227,.24);border-radius:999px;font-size:15px;line-height:1.2;color:var(--text)}
#lcd-doplnok .lcd-dop__opt--vel > span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 10px;min-width:140px;
  padding:6px 12px;border-radius:10px}
#lcd-doplnok .lcd-dop__opt--vel b{grid-column:1;grid-row:1;font:600 15px/1.25 var(--disp)}
#lcd-doplnok .lcd-dop__opt--vel em{grid-column:2;grid-row:1;font-style:normal;font-size:14.5px;font-variant-numeric:tabular-nums}
#lcd-doplnok .lcd-dop__opt--vel small{grid-column:1 / -1;grid-row:2;font-size:12.5px;line-height:1.3;color:var(--mute)}
#lcd-doplnok .lcd-dop__opt:hover > span{border-color:var(--gold)}
#lcd-doplnok .lcd-dop__opt input:checked + span{border-color:var(--gold-hi);background:rgba(196,155,49,.14);box-shadow:inset 0 0 0 1px var(--gold-hi)}
#lcd-doplnok .lcd-dop__suhrn{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;
  margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--line)}
#lcd-doplnok .lcd-dop__suhrn-cena{min-width:0}
#lcd-doplnok .lcd-dop__suhrn-cena:empty::before{content:"\00a0"}

#lcd-doplnok .lcd-dop__hint,#lcd-doplnok .lcd-dop__stav{margin:10px 0 0;font-size:14.5px;line-height:1.4;color:var(--text)}
#lcd-doplnok .lcd-dop__hint,#lcd-doplnok .lcd-dop__stav--chyba{color:var(--zle)}
#lcd-doplnok :is(.lcd-dop__hint,.lcd-dop__stav):empty{display:none}
/* potvrdenie po pridaní je nad tmavým blokom na bielom pozadí košíka */
#lcd-doplnok .lcd-dop__hotovo{margin:0 0 12px;padding:10px 14px;background:#f1f6f1;border-left:3px solid #1d6b34;font-size:15px;line-height:1.4;color:var(--ink)}
#lcd-doplnok .lcd-dop__hotovo--chyba{background:#fbf1f1;border-left-color:#9b1c1c}
#lcd-doplnok .lcd-dop__hotovo:focus{outline:none}
tr.lcd-dop-zvyrazni{outline:2px solid #9b1c1c;outline-offset:-2px}

#lcd-doplnok button:focus:not(:focus-visible),#lcd-doplnok .lcd-dop__opt input:focus:not(:focus-visible){outline:none}
#lcd-doplnok button:focus-visible,#lcd-doplnok .lcd-dop__opt input:focus-visible + span{outline:2px solid var(--gold-hi);outline-offset:2px}
/* dlaždica (veľkosť boxu, farba): šablóna dáva label:focus-within modro-biely rámik (3px #09367e + 8px biela) —
   v tmavom bloku vyzerá ako chyba; fokus ukazuje zlatý obrys dlaždice (pravidlo vyššie) */
#lcd-doplnok .lcd-dop__opt input:focus,#lcd-doplnok .lcd-dop__opt input:focus-visible,
#lcd-doplnok .lcd-dop__opt:focus-within{outline:none !important;box-shadow:none !important}

/* telefón (do 599 px): pás = [fotka] nadtitul + názov na celú šírku, pod tým cena | tlačidlo; detail pod sebou */
@media (max-width:599px){
  #lcd-doplnok .lcd-dop__karta{padding:16px 12px 14px}
  #lcd-doplnok .lcd-dop__nadpis{font-size:20px !important}
  #lcd-doplnok .lcd-dop__pas{position:relative;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pr pr" "ce tl";gap:4px 10px;padding:8px 10px 10px 8px}
  #lcd-doplnok .lcd-dop__prepni{grid-area:pr;gap:12px;min-height:52px;padding-right:24px}
  #lcd-doplnok .lcd-dop__mini{width:52px;height:52px}
  #lcd-doplnok .lcd-dop__meno{font-size:15.5px}
  #lcd-doplnok .lcd-dop__pas > .lcd-dop__cena{grid-area:ce;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px 10px;min-width:0;padding-left:64px;text-align:left}
  #lcd-doplnok .lcd-dop__cena--pas .lcd-dop__hlavna{flex:0 1 auto;min-width:0}
  #lcd-doplnok .lcd-dop__cena--pas .lcd-dop__usetri{white-space:normal}
  #lcd-doplnok .lcd-dop__cena--pas .lcd-dop__vsete{font-size:17px}
  #lcd-doplnok .lcd-dop__pas > :is(.lcd-dop__pridat,.lcd-dop__vybrat){grid-area:tl;min-height:40px;padding:0 14px}
  #lcd-doplnok .lcd-dop__sipka{position:absolute;top:24px;right:16px}
  #lcd-doplnok .lcd-dop__detail{grid-template-columns:minmax(0,1fr);padding:12px 10px 14px}
  #lcd-doplnok .lcd-dop__foto{aspect-ratio:16 / 10}
  #lcd-doplnok .lcd-dop__opt--vel{width:calc(50% - 3px);margin-right:0}
  #lcd-doplnok .lcd-dop__opt--vel:nth-of-type(odd){margin-right:6px}
  #lcd-doplnok .lcd-dop__opt--vel > span{width:100%;min-width:0}
  #lcd-doplnok :is(.lcd-dop__luxy,.lcd-dop__farby){grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}
  #lcd-doplnok .lcd-dop__suhrn .lcd-dop__pridat{flex:1 1 auto}
}
/* úzke telefóny: cena od ľavého okraja pásu (64 px odsadenie by ju tlačilo pod tlačidlo) */
@media (max-width:420px){
  #lcd-doplnok .lcd-dop__pas > .lcd-dop__cena{padding-left:2px}
}
@media (prefers-reduced-motion:reduce){
  #lcd-doplnok *{transition:none !important;scroll-behavior:auto !important}
}

/* =====================================================================
   ROZLOŽENIE KOŠÍKA (Michal 10. 10., návrh 3): ponuka hneď pod položkami (lcdKosikDoplnok.js vlozSekciu).
   PC od 992 px: dva stĺpce — vľavo položky a ponuka, vpravo súhrn s „Pokračovať“, ktorý ide s obrazovkou.
   Telefón a tablet: jeden stĺpec, „Pokračovať“ drží lišta dole (.lcd-lista, listaKosika).
   ===================================================================== */
#lcd-doplnok{margin:20px 0 20px}
@media (max-width:767px){
  #lcd-doplnok{width:auto;margin:16px 10px 20px}
}
@media (min-width:992px){
  body.in-kosik #cart-wrapper .col-md-8:has(> .summary-wrapper){display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,31%,380px);
    column-gap:28px;align-items:start}
  body.in-kosik #cart-wrapper .col-md-8:has(> .summary-wrapper) > *{grid-column:1;min-width:0}
  body.in-kosik #cart-wrapper .col-md-8:has(> .summary-wrapper) > .cart-content.summary-wrapper{grid-column:2;grid-row:1 / span 9;align-self:stretch;
    display:block;margin:0;padding:0;background:none;border:0;box-shadow:none}
  body.in-kosik #cart-wrapper .col-md-8 > .summary-wrapper > .box{position:sticky;top:96px;box-sizing:border-box;width:auto;margin:0;padding:20px;
    background:#fff;border:1px solid var(--k-line);border-radius:14px;box-shadow:0 6px 18px rgba(20,17,12,.06)}
  body.in-kosik #cart-wrapper .col-md-8 > .summary-wrapper .next-step{display:flex;flex-direction:column-reverse;align-items:stretch;gap:12px;margin-top:16px}
  body.in-kosik #cart-wrapper .col-md-8 > .summary-wrapper .next-step > a{width:100%;margin:0 !important;text-align:center}
  body.in-kosik #cart-wrapper .col-md-8 > #lcd-doplnok{margin:6px 0 24px}
}
/* PC 992–1199 px (aj tablet naležato): ľavý stĺpec ~640 px -> položka ako na telefóne: názov a rozpis na celú šírku,
   množstvo a cena pod nimi (inak sa názov lámal po písmenách) */
@media (min-width:992px) and (max-width:1199px){
  body.in-kosik #cart-wrapper .col-md-8:has(> .summary-wrapper) table.cart-table tr.removeable{grid-template-columns:var(--k-foto) minmax(0,1fr) auto;
    grid-template-areas:"img meno meno" "img pocet suma";row-gap:12px;padding:16px 52px 16px 16px}
  body.in-kosik #cart-wrapper .col-md-8:has(> .summary-wrapper) table.cart-table tr.removeable:has(td.p-quantity input.amount:not([value="1"])){
    grid-template-areas:"img meno meno" "img pocet suma" "img pocet jedn"}
}

/* lišta dole (telefón a tablet): „Celkom 219 € · Pokračovať“, kým skutočné tlačidlo nie je v okne */
.lcd-lista{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:center;gap:14px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e8e1d1;
  box-shadow:0 -8px 24px rgba(20,17,12,.10);animation:lcd-lista-in .2s ease-out}
.lcd-lista__suma{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.lcd-lista__suma small{font:700 11px/1.2 "Exo 2","Segoe UI",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#5f574a}
.lcd-lista__suma b{font:900 21px/1.15 "Exo 2","Segoe UI",Arial,sans-serif;color:#14110c;font-variant-numeric:tabular-nums;white-space:nowrap}
.lcd-lista__btn{display:flex;align-items:center;justify-content:center;gap:10px;flex:1 1 auto;min-height:50px;padding:0 16px;border-radius:12px;
  background:linear-gradient(180deg,#3f9a44 0%,#2e7d32 55%,#256b29 100%);color:#fff !important;text-decoration:none !important;
  font:900 14px/1.2 "Exo 2","Segoe UI",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 18px rgba(46,125,50,.28)}
.lcd-lista__btn::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:2px 2px 0 0;transform:rotate(45deg)}
.lcd-lista__btn:focus-visible{outline:2px solid #1b5e20;outline-offset:3px}
html.lcd-dop-bezi .lcd-lista__btn{opacity:.55;cursor:progress}
@media (max-width:991px){
  html.lcd-lista-on .lcd-lista{display:flex}
  html.lcd-lista-on body.in-kosik{padding-bottom:76px}
  /* rozbalený pás / fokus z klávesnice sa neposunie pod lištu */
  html.lcd-lista-on{scroll-padding-bottom:90px}
  /* bublina chatu Luxia nad lištou (len bublina, nie otvorený chat — cart.js lcdBublinaMimoTlacidla dáva .lcd-kosik-bublina) */
  html.lcd-lista-on.lcd-kosik-bublina body.in-kosik iframe[title="Luxia chat"]{bottom:calc(80px + env(safe-area-inset-bottom,0px)) !important}
}
/* PC bez :has (starší Safari / Firefox): súhrn nie je vpravo ani lepkavý -> lišta aj na PC */
@supports not selector(:has(*)){
  @media (min-width:992px){ html.lcd-lista-on .lcd-lista{display:flex} html.lcd-lista-on body.in-kosik{padding-bottom:76px} }
}
@keyframes lcd-lista-in{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.lcd-lista{animation:none}}

/* počas pridávania doplnku (lcdKosikDoplnok.js zablokujStranku): riadky košíka a „Pokračovať“ stoja — klik na
   „Pokračovať“ sa vykoná až po dokončení, +/−/× sa ignorujú. Stlmené, aby bolo vidieť, že sa čaká. */
html.lcd-dop-bezi #cart-wrapper .cart-table,html.lcd-dop-bezi #continue-order-button{opacity:.55;transition:opacity .2s}
html.lcd-dop-bezi #cart-wrapper .cart-table,html.lcd-dop-bezi #cart-wrapper .cart-table *,html.lcd-dop-bezi #continue-order-button{cursor:progress}
@media (prefers-reduced-motion:reduce){
  html.lcd-dop-bezi #cart-wrapper .cart-table,html.lcd-dop-bezi #continue-order-button{transition:none}
}

/* =====================================================================
   STRÁNKA KOŠÍKA — vzhľad (Michal 9. 10. 2026: „aby to bolo pekné“, ako náhľad košíka v hlavičke)
   položka = karta: [fotka] názov + rozpis (farby vrstiev, príplatky; cart.js -> ul.lcd-rozpis) / [− 1 +] … cena;
   odstrániť = × vpravo hore; jednotková cena len pri 2+ kusoch; súčet a zlaté „Pokračovať“ ako v paneli košíka.
   ===================================================================== */
/* rozpis položky (košík aj rekapitulácia v krokoch objednávky) */
ul.lcd-rozpis{display:flex;flex-direction:column;gap:4px;margin:8px 0 0 !important;padding:0 !important;list-style:none !important}
ul.lcd-rozpis > li{position:relative;display:block;margin:0 !important;padding:0 0 0 14px !important;list-style:none !important;
  color:#6b645a;font:400 14px/1.4 "Source Sans 3","Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;text-align:left;overflow-wrap:anywhere}
ul.lcd-rozpis > li::before{content:"";position:absolute;left:1px;top:.6em;width:5px;height:5px;border-radius:50%;background:#c49b31}
ul.lcd-rozpis .lcd-rozpis__h{color:#14110c;font-weight:600}
.lcd-rozpis-zdroj{display:none !important}
/* doplnky setu s krížikom (lcdKosikDoplnok.js vlozOdober, Michal 10. 10.: „aby to vedel odstrániť“) —
   pod rozpisom položky; krížik vráti set bez doplnku (rovnaká overená výmena riadku ako pridanie) */
body.in-kosik #cart-wrapper .lcd-dop-odober{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:10px 0 0}
body.in-kosik #cart-wrapper .lcd-dop-odober__n{font:600 12px/1.2 "Exo 2","Segoe UI",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b645a}
body.in-kosik #cart-wrapper .lcd-dop-odober__x{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:4px 6px 4px 14px;
  border:1px solid #e8e1d1;border-radius:999px;background:#fff;color:#14110c;font:600 14px/1.2 "Source Sans 3","Segoe UI",Arial,sans-serif;
  text-transform:none;letter-spacing:0;cursor:pointer;transition:border-color .15s ease,color .15s ease}
body.in-kosik #cart-wrapper .lcd-dop-odober__x i{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;
  border-radius:50%;background:#f7f5f0;font:400 20px/1 Arial,sans-serif;font-style:normal;color:#6b645a;transition:background-color .15s ease,color .15s ease}
body.in-kosik #cart-wrapper .lcd-dop-odober__x:hover{border-color:#9b1c1c;color:#9b1c1c}
body.in-kosik #cart-wrapper .lcd-dop-odober__x:hover i{background:#fbeaea;color:#9b1c1c}
body.in-kosik #cart-wrapper .lcd-dop-odober__x:focus:not(:focus-visible){outline:none}
body.in-kosik #cart-wrapper .lcd-dop-odober__x:focus-visible{outline:2px solid #8f7020;outline-offset:2px}
body.in-kosik #cart-wrapper .lcd-dop-odober__x:disabled{opacity:.55;cursor:default}
body.in-kosik #cart-wrapper .lcd-dop-odober .lcd-dop__stav{flex-basis:100%;margin:2px 0 0;font:400 14px/1.4 "Source Sans 3","Segoe UI",Arial,sans-serif;color:#14110c}
body.in-kosik #cart-wrapper .lcd-dop-odober .lcd-dop__stav--chyba{color:#9b1c1c}
body.in-kosik #cart-wrapper .lcd-dop-odober .lcd-dop__stav:empty{display:none}
@media (prefers-reduced-motion:reduce){body.in-kosik #cart-wrapper .lcd-dop-odober__x,body.in-kosik #cart-wrapper .lcd-dop-odober__x i{transition:none}}
/* krížik priamo pri odrážke rohože / boxov (Michal 10. 10.: odrážky ostávajú, riadok „Doplnky v sete“ nie) —
   viditeľných 26 px, plocha na ťuknutie 44 px */
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  margin:-4px 0 -4px 8px;padding:0;vertical-align:middle;border:1px solid #e8e1d1;border-radius:50%;background:#f7f5f0;color:#6b645a;
  font:400 18px/1 Arial,sans-serif;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x::after{content:"";position:absolute;inset:-9px}
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x i{font-style:normal;line-height:1}
/* box: „× Odobrať“ (samotný krížik pri boxe mýlil). 2 boxy = 2 tlačidlá v susedných odrážkach (rozstup ~24 px):
   20 px vysoké bez záporných okrajov a plocha na ťuknutie 24 px na výšku, aby sa neprekrývali (Michal 10. 10.) */
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x--text{width:auto;height:20px;margin:0 0 0 8px;gap:3px;padding:0 9px 0 7px;border-radius:10px;
  font:400 12.5px/1 "Source Sans 3","Segoe UI",Arial,sans-serif}
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x--text::after{inset:-2px -6px}
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x--text i{font:400 14px/1 Arial,sans-serif}
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x:hover{border-color:#9b1c1c;background:#fbeaea;color:#9b1c1c}
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x:focus:not(:focus-visible){outline:none}
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x:focus-visible{outline:2px solid #8f7020;outline-offset:2px}
body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x:disabled{opacity:.55;cursor:default}
body.in-kosik #cart-wrapper .lcd-rozpis + .lcd-dop__stav{display:block;margin:6px 0 0;font:400 14px/1.4 "Source Sans 3","Segoe UI",Arial,sans-serif;color:#14110c}
body.in-kosik #cart-wrapper .lcd-rozpis + .lcd-dop__stav--chyba{color:#9b1c1c}
body.in-kosik #cart-wrapper .lcd-rozpis + .lcd-dop__stav:empty{display:none}
@media (prefers-reduced-motion:reduce){body.in-kosik #cart-wrapper .lcd-rozpis .lcd-dop-x{transition:none}}

body.in-kosik #cart-wrapper{--k-ink:#14110c;--k-line:#e8e1d1;--k-mute:#6b645a;--k-tlm:#5f574a;--k-sand:#f7f5f0;--k-gold-lo:#8f7020;
  --k-disp:"Exo 2","Segoe UI",Arial,sans-serif;--k-body:"Source Sans 3","Segoe UI",Arial,sans-serif;--k-foto:76px}
body.in-kosik #cart-wrapper table.cart-table,body.in-kosik #cart-wrapper table.cart-table > tbody{display:block !important;width:100% !important;
  margin:0;border:0 !important;background:none !important}
body.in-kosik #cart-wrapper table.cart-table tr.removeable{position:relative;display:grid !important;
  grid-template-columns:var(--k-foto) minmax(0,1fr) auto;grid-template-areas:"img meno meno" "pocet pocet suma";
  column-gap:14px;row-gap:14px;align-items:start;box-sizing:border-box;width:auto;margin:0 0 14px;padding:16px 14px 14px 16px;
  border:1px solid var(--k-line) !important;border-radius:14px;background:#fff !important;box-shadow:0 6px 18px rgba(20,17,12,.06)}
body.in-kosik #cart-wrapper tr.removeable > td{display:block !important;float:none;box-sizing:border-box;width:auto !important;min-width:0;
  height:auto;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;text-align:left !important;vertical-align:top}
body.in-kosik #cart-wrapper tr.removeable .p-label{display:none !important}
body.in-kosik #cart-wrapper tr.removeable > td.cart-p-image{grid-area:img}
body.in-kosik #cart-wrapper td.cart-p-image a{display:block}
body.in-kosik #cart-wrapper td.cart-p-image img{display:block;box-sizing:border-box;width:var(--k-foto) !important;height:var(--k-foto) !important;
  max-width:none;object-fit:cover;border:1px solid var(--k-line);border-radius:10px}
body.in-kosik #cart-wrapper tr.removeable > td.p-name{grid-area:meno;padding-right:30px !important}
body.in-kosik #cart-wrapper td.p-name a.main-link{display:block;color:var(--k-ink) !important;text-decoration:none !important;
  font:normal 700 16px/1.3 var(--k-disp) !important;letter-spacing:.005em !important;text-transform:none !important;overflow-wrap:anywhere}
body.in-kosik #cart-wrapper td.p-name a.main-link::first-letter{text-transform:uppercase}
/* rekapitulácia v krokoch objednávky (div.cart-item): názov ako v košíku (Exo 2, tmavý, nie zlatý veľkými písmenami),
   farby vrstiev a príplatky v odrážkach ul.lcd-rozpis (Michal 10. 10.: „nech to korešponduje všetko spolu“) */
body.ordering-process .cart-items .cart-item-name a.main-link{display:block;color:#14110c !important;text-decoration:none !important;
  font:normal 700 15px/1.3 "Exo 2","Segoe UI",Arial,sans-serif !important;letter-spacing:.005em !important;text-transform:none !important;overflow-wrap:anywhere}
body.ordering-process .cart-items .cart-item-name a.main-link::first-letter{text-transform:uppercase}
body.in-kosik #cart-wrapper td.p-name a.main-link:hover{color:var(--k-gold-lo) !important}
body.in-kosik #cart-wrapper td.p-name .CartNoteDetails:not(:empty){margin-top:6px;color:var(--k-tlm);font:400 14px/1.4 var(--k-body)}
body.in-kosik #cart-wrapper tr.removeable > td.p-availability{display:none !important}
/* množstvo: [− 1 +] ako pilulka (natívne tlačidlá Shoptetu, len poradie a vzhľad) */
body.in-kosik #cart-wrapper tr.removeable > td.p-quantity{grid-area:pocet;align-self:center}
body.in-kosik #cart-wrapper td.p-quantity form{display:block;margin:0}
body.in-kosik #cart-wrapper td.p-quantity span.quantity{position:relative;display:inline-flex !important;align-items:center;box-sizing:border-box;
  width:auto !important;max-width:none !important;height:42px !important;margin:0 !important;padding:0 !important;
  border:1px solid var(--k-line) !important;border-radius:999px !important;background:#fff !important;overflow:hidden}
body.in-kosik #cart-wrapper td.p-quantity span.quantity label{order:2;display:block !important;margin:0 !important;padding:0 !important}
body.in-kosik #cart-wrapper td.p-quantity span.quantity button.decrease{order:1}
body.in-kosik #cart-wrapper td.p-quantity span.quantity button.increase{order:3}
body.in-kosik #cart-wrapper td.p-quantity span.quantity :is(button.increase,button.decrease){position:static !important;display:flex !important;
  align-items:center;justify-content:center;width:42px !important;height:42px !important;min-width:0;margin:0 !important;padding:0 !important;
  border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;color:var(--k-ink) !important;cursor:pointer;
  font:400 20px/1 var(--k-body) !important;transform:none !important}
body.in-kosik #cart-wrapper td.p-quantity span.quantity :is(button.increase,button.decrease)::before,
body.in-kosik #cart-wrapper td.p-quantity span.quantity :is(button.increase,button.decrease)::after{content:none !important;display:none !important}
body.in-kosik #cart-wrapper td.p-quantity span.quantity :is(.increase__sign,.decrease__sign){display:block !important;position:static !important;
  width:auto !important;height:auto !important;margin:0 !important;font:inherit !important;color:inherit !important;line-height:1 !important;
  opacity:1 !important;visibility:visible !important;text-indent:0 !important}
body.in-kosik #cart-wrapper td.p-quantity span.quantity :is(button.increase,button.decrease):hover{background:var(--k-sand) !important}
/* fokus z klávesnice dovnútra (pilulka má overflow:hidden, vonkajší rámik by sa orezal) */
body.in-kosik #cart-wrapper td.p-quantity span.quantity :is(button.increase,button.decrease,input.amount):focus-visible{
  outline:2px solid var(--k-gold-lo) !important;outline-offset:-3px !important;border-radius:999px !important}
body.in-kosik #cart-wrapper td.p-quantity input.amount{display:block !important;box-sizing:border-box;width:38px !important;height:42px !important;
  min-width:0;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;
  text-align:center !important;color:var(--k-ink) !important;font:normal 700 16px/42px var(--k-disp) !important;
  -moz-appearance:textfield;appearance:textfield}
body.in-kosik #cart-wrapper td.p-quantity input.amount::-webkit-inner-spin-button,
body.in-kosik #cart-wrapper td.p-quantity input.amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body.in-kosik #cart-wrapper td.p-quantity span.quantity :is(.increase-tooltip,.decrease-tooltip){position:absolute !important}
/* cena: súčet riadku vpravo; jednotková cena („351 € / ks“) len pri 2+ kusoch, pod súčtom */
body.in-kosik #cart-wrapper tr.removeable > td.p-total{grid-area:suma;align-self:center;text-align:right !important;white-space:nowrap}
body.in-kosik #cart-wrapper td.p-total strong.price-final{display:block;color:var(--k-ink) !important;
  font:normal 800 20px/1.15 var(--k-disp) !important;font-variant-numeric:tabular-nums;letter-spacing:0}
body.in-kosik #cart-wrapper tr.removeable > td.p-price{display:none !important}
body.in-kosik #cart-wrapper tr.removeable:has(td.p-quantity input.amount:not([value="1"])){grid-template-areas:"img meno meno" "pocet pocet suma" "pocet pocet jedn"}
body.in-kosik #cart-wrapper tr.removeable:has(td.p-quantity input.amount:not([value="1"])) > td.p-price{display:block !important;grid-area:jedn;
  margin-top:-10px !important;text-align:right !important;white-space:nowrap;color:var(--k-mute);font:400 13px/1.3 var(--k-body)}
body.in-kosik #cart-wrapper td.p-price :is(strong.price-final,.unit-value){display:inline;color:inherit !important;font:inherit !important;border:0;text-decoration:none}
/* odstrániť: × vpravo hore na karte */
body.in-kosik #cart-wrapper td.p-total form.inline{position:absolute;top:6px;right:6px;margin:0}
body.in-kosik #cart-wrapper td.p-total .remove-item{position:relative !important;display:block !important;width:36px !important;height:36px !important;
  min-width:0;margin:0 !important;padding:0 !important;border:0 !important;border-radius:50% !important;background:none !important;
  box-shadow:none !important;color:#8a8174 !important;cursor:pointer;font-size:0 !important;line-height:0 !important}
body.in-kosik #cart-wrapper td.p-total .remove-item::before,
body.in-kosik #cart-wrapper td.p-total .remove-item::after{content:"" !important;position:absolute !important;left:10px !important;top:17px !important;
  width:16px !important;height:2px !important;margin:0 !important;border-radius:1px;background:currentColor !important;transform:rotate(45deg) !important;
  font-size:0 !important}
body.in-kosik #cart-wrapper td.p-total .remove-item::after{transform:rotate(-45deg) !important}
body.in-kosik #cart-wrapper td.p-total .remove-item:hover{color:var(--k-ink) !important;background:var(--k-sand) !important}
body.in-kosik #cart-wrapper td.p-total .remove-item:focus-visible{outline:2px solid var(--k-gold-lo);outline-offset:2px}
/* PC a tablet na šírku: [fotka] názov + rozpis | množstvo | cena */
@media(min-width:768px){
  body.in-kosik #cart-wrapper{--k-foto:96px}
  body.in-kosik #cart-wrapper table.cart-table tr.removeable{grid-template-columns:var(--k-foto) minmax(0,1fr) auto minmax(110px,auto);
    grid-template-areas:"img meno pocet suma";column-gap:22px;padding:18px 56px 18px 18px}
  body.in-kosik #cart-wrapper table.cart-table tr.removeable:has(td.p-quantity input.amount:not([value="1"])){
    grid-template-areas:"img meno pocet suma" "img meno pocet jedn"}
  body.in-kosik #cart-wrapper tr.removeable:has(td.p-quantity input.amount:not([value="1"])) > td.p-price{margin-top:-8px !important;align-self:start}
  body.in-kosik #cart-wrapper tr.removeable > :is(td.p-quantity,td.p-total){align-self:start;margin-top:2px !important}
  body.in-kosik #cart-wrapper tr.removeable > td.p-name{padding-right:0 !important}
  body.in-kosik #cart-wrapper td.p-name a.main-link{font-size:17px !important}
  body.in-kosik #cart-wrapper td.p-total form.inline{top:12px;right:10px}
  /* kamión: súhrn konfigurácie (2 stĺpce, ~445 px) potrebuje celú šírku -> názov a súhrn cez celý riadok, množstvo a cena pod ním */
  body.in-kosik #cart-wrapper table.cart-table tr.removeable:has(.lcd-truck-cart-summary){grid-template-areas:"img meno meno meno" "img . pocet suma"}
  body.in-kosik #cart-wrapper table.cart-table tr.removeable:has(.lcd-truck-cart-summary):has(td.p-quantity input.amount:not([value="1"])){
    grid-template-areas:"img meno meno meno" "img . pocet suma" "img . pocet jedn"}
}
/* telefón: karta s okrajom ako ponuka k setu (10 px), nie od kraja po kraj */
@media(max-width:767px){body.in-kosik #cart-wrapper table.cart-table tr.removeable{margin:0 10px 14px}}
/* súčet a pokračovanie: „CELKOM ZA TOVAR“ a suma v jednom riadku */
body.in-kosik #cart-wrapper .price-wrapper{display:flex !important;flex-wrap:nowrap;align-items:baseline;justify-content:space-between;gap:12px}
body.in-kosik #cart-wrapper .price-wrapper .price-label{display:block !important;flex:1 1 auto;width:auto !important;float:none !important;margin:0 !important}
body.in-kosik #cart-wrapper .price-wrapper .price{display:block !important;flex:none;width:auto !important;float:none !important;margin:0 !important;text-align:right}
body.in-kosik #cart-wrapper .price-wrapper .price-label{color:var(--k-tlm) !important;
  font:normal 700 13px/1.2 var(--k-disp) !important;letter-spacing:.12em !important;text-transform:uppercase !important}
body.in-kosik #cart-wrapper .price-wrapper .price{color:var(--k-ink) !important;font:normal 900 28px/1.1 var(--k-disp) !important;
  font-variant-numeric:tabular-nums;white-space:nowrap}
/* „Pokračovať“ zelené (Michal 9. 10.: čo má zákazník kliknúť, je vždy zelené — ako v krokoch objednávky #388e3c;
   o odtieň tmavšie kvôli bielemu textu, kontrast ~5 : 1). Doplnky k setu ostávajú zlaté. */
body.in-kosik #cart-wrapper .next-step #continue-order-button{display:flex !important;align-items:center;justify-content:center;gap:12px;
  box-sizing:border-box;min-height:54px;padding:14px 20px !important;border:0 !important;border-radius:12px !important;
  background:linear-gradient(180deg,#3f9a44 0%,#2e7d32 55%,#256b29 100%) !important;color:#fff !important;
  font:normal 900 15px/1.2 var(--k-disp) !important;letter-spacing:.1em !important;text-transform:uppercase !important;text-decoration:none !important;
  box-shadow:0 10px 22px rgba(46,125,50,.30),inset 0 1px 0 rgba(255,255,255,.25) !important;transition:filter .2s}
body.in-kosik #cart-wrapper .next-step #continue-order-button:hover{filter:brightness(1.05)}
body.in-kosik #cart-wrapper .next-step #continue-order-button .order-button-text{color:inherit !important;font:inherit !important}
body.in-kosik #cart-wrapper .next-step #continue-order-button::before{content:none !important}
body.in-kosik #cart-wrapper .next-step #continue-order-button::after{content:"" !important;position:static !important;display:block !important;flex:none;
  width:8px !important;height:8px !important;margin:0 0 0 2px !important;border:solid currentColor !important;border-width:2px 2px 0 0 !important;
  background:none !important;transform:rotate(45deg) !important;font-size:0 !important}
body.in-kosik #cart-wrapper .next-step #continue-order-button:focus-visible{outline:2px solid #1b5e20 !important;outline-offset:3px !important}
body.in-kosik #cart-wrapper .next-step .next-step-back{color:var(--k-mute) !important;background:none !important;border:0 !important;box-shadow:none !important;
  font:normal 600 15px/1.3 var(--k-body) !important;text-transform:none !important;letter-spacing:0 !important}
body.in-kosik #cart-wrapper .next-step .next-step-back .continue-shopping{text-decoration:underline;text-decoration-thickness:1px;
  text-decoration-color:rgba(20,17,12,.28);text-underline-offset:4px}
/* bublina chatu Luxia by prekryla „Pokračovať“ (cart.js lcdBublinaMimoTlacidla) */
html.lcd-kosik-bez-bubliny body.in-kosik iframe[title="Luxia chat"]{visibility:hidden !important}
/* ===== LCD-KOSIK END ===== */

/* ===== LCD-1V-KROKY START - generovane tools/vloz-lcd-css.py z _lcd1v-kroky.scss (konfigurator 1V: kroky 1-3 vzor, auto, farba; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V kroky 1–3 (vzor prešívania, Vaše auto, farba) — nový vzhľad konfigurátora jednovrstvových podľa návrhu v26.
   Tichý test: platí LEN pod body.lcd-1v (SK Diamond Line 598, ?novy=1). Bez triedy sa nič nemení.
   Vlastník: assets/js/components/konfigurator1v/kroky.js. Kontrakt: docs/1v-kontrakt.md.
   Čisté CSS (súbor sa nekompiluje Sassom, tools/vloz-lcd-css.py ho vkladá do luxuryCar.css bajt po bajte).
   Rozmery a farby odmerané na návrhu (jednovrstvove.html, #sprv .krok[data-krok=1..3] + #krPostup, v26) pri 1280 a 390 px.

   Obal všetkých 6 krokov (.lcd1v-krok = živý krok): karta, hlavička button.lcd1v-hd, živý .order priehľadne cez
   hlavičku (klik = živý akordeón), zatvorená karta = len hlavička, otvorená = živá trieda .active, červený rám
   .lcd1v-chyba (z živej validácie .lcd-needs-fill), zelené „Pokračujte ďalej“ = živé .next-step-button. */

body.lcd-1v {
  --kr-gold: #c49b31;
  --kr-gold-lo: #8f7020;
  --kr-gold-hi: #e6c877;
  --kr-gold-tx: #7c5f16;
  --kr-zlato: linear-gradient(100deg, #8f7020, #e6c877 48%, #c49b31);
  --kr-ink: #14110c;
  --kr-tmava: #3d3728;
  --kr-text: #48412f;
  --kr-mute: #6e6752;
  --kr-line: #d9d4c6;
  --kr-ram: #d3c49a;
  --kr-zelena: #2f9c68;
  --kr-cervena: #c0392b;
  --kr-disp: "Exo 2", "Segoe UI", Arial, sans-serif;
  --kr-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --kr-pad: 28px;
}

/* ---------------------------------------------------------------- zoznam krokov, pás kompatibility, postup */
body.lcd-1v #product-detail-form .content-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
}

/* živý banner „Garancia kompatibility…“ nahrádza .lcd1v-kompat nad krokmi */
body.lcd-1v .p-info-wrapper .model-info {
  display: none !important;
}

body.lcd-1v .lcd1v-kompat {
  order: 3; /* .p-info-wrapper je flex so živým poradím (.content-wrap order 3) -> tesne nad krokmi */
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 14px 0 0;
  padding: 14px 0 16px;
  border-bottom: 1px solid var(--kr-line);
  background: none;
  font-family: var(--kr-body);
  text-align: left;
}
body.lcd-1v .lcd1v-kompat[hidden] {
  display: none;
}
body.lcd-1v .lcd1v-kompat-ic {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin: -3px 0 0;
  border-radius: 50%;
  background: var(--kr-zelena);
  color: #fff;
  font: 700 13px/1 var(--kr-body);
}
body.lcd-1v .lcd1v-kompat-tx {
  min-width: 0;
}
body.lcd-1v .lcd1v-kompat-tx b {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: var(--kr-ink);
}
body.lcd-1v .lcd1v-kompat-tx i {
  display: block;
  font-style: normal;
  font-size: 15px;
  line-height: 20px;
  color: var(--kr-mute);
  overflow-wrap: anywhere;
}

body.lcd-1v .lcd1v-postup {
  order: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0 12px;
  margin: 24px 0 0;
}
body.lcd-1v .lcd1v-postup-t,
body.lcd-1v .lcd1v-postup-st {
  font-family: var(--kr-disp);
  font-weight: 700;
  font-size: 10.5px;
  line-height: 16px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--kr-tmava);
}
body.lcd-1v .lcd1v-postup-st {
  color: var(--kr-gold-tx);
}
body.lcd-1v .lcd1v-postup-dl {
  display: flex;
  flex: 1 0 100%;
  gap: 4px;
  margin-top: 8px;
}
body.lcd-1v .lcd1v-postup-dl i {
  flex: 1;
  height: 3px;
  border-radius: 2px;
  background: #dcd6c6;
  transition: background-color 0.3s;
}
body.lcd-1v .lcd1v-postup-dl i.h {
  background: var(--kr-zelena);
}
body.lcd-1v .lcd1v-postup-dl i.o {
  background: linear-gradient(90deg, #8f7020, #e6c877 55%, #c49b31);
  box-shadow: 0 2px 6px rgba(140, 105, 25, 0.3);
}

/* ---------------------------------------------------------------- karta kroku */
body.lcd-1v #product-detail-form .lcd1v-krok {
  position: relative;
  max-height: none !important;
  /* telefón, K3: živý kód po výbere rozloženia drží na kroku 0,7–2,5 s inline max-height: 50px !important;
     min-height (výška hlavičky) má pred max-height prednosť, zatvorená karta sa teda neoreže */
  min-height: calc(var(--lcd1v-hd-h, 0px) + 2px);
  overflow: visible !important;
  margin: 0 !important;
  padding: 0;
  background: #f7f5ef;
  border: 1px solid #e2ddd0 !important;
  border-radius: 14px;
  box-shadow: none !important;
  color: var(--kr-ink);
  font-family: var(--kr-body);
  text-align: left;
  transition: box-shadow 0.3s, border-color 0.3s, background-color 0.3s;
  will-change: auto;
}
body.lcd-1v #product-detail-form .upsale-Banner > .lcd1v-krok {
  margin-top: 10px !important;
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-hotovy:not(.active) {
  background: #fff;
  border-color: var(--kr-line) !important;
  box-shadow: 0 2px 8px rgba(20, 15, 5, 0.06) !important;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active {
  padding: 0 var(--kr-pad) var(--kr-pad);
  background: #fff;
  border-color: var(--kr-line) !important;
  border-top: 3px solid var(--kr-gold) !important;
  border-radius: 16px;
  box-shadow: 0 24px 56px rgba(20, 15, 5, 0.18) !important;
}

/* zatvorená karta = len hlavička (+ priehľadný živý .order); názov živého kroku nahrádza hlavička */
body.lcd-1v #product-detail-form .lcd1v-krok:not(.active) > :not(.lcd1v-hd):not(.order),
body.lcd-1v #product-detail-form .lcd1v-krok > h5.variant.name,
body.lcd-1v #product-detail-form .lcd1v-krok > .name-wrap {
  display: none !important;
}

/* živý .order (číslo kroku + šípka) = priehľadná plocha cez celú hlavičku: klik na hlavičku je klik na živý akordeón */
body.lcd-1v #product-detail-form .lcd1v-krok > .order {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 3;
  display: block !important;
  width: auto !important;
  height: var(--lcd1v-hd-h, 68px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px 14px 0 0;
  background: none !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 1 !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
body.lcd-1v #product-detail-form .lcd1v-krok > .order::before,
body.lcd-1v #product-detail-form .lcd1v-krok > .order::after {
  content: none !important;
  display: none !important;
}
body.lcd-1v #product-detail-form .lcd1v-krok > .order > * {
  display: none !important;
}

/* poradie v karte: živé kroky sú flex stĺpce s vlastným order (napr. auto: výber auta 1, volant 2, tlačidlo 5) */
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-hd { order: -10; }
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-pod { order: -9; }
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-nahlad { order: 50; }
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-chyba-tx { order: 90; }
body.lcd-1v #product-detail-form .lcd1v-krok > .next-step-button { order: 95; }
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-pozn { order: 99; }
body.lcd-1v #product-detail-form .lcd1v-k-auto > .wheel-Position { order: 1; }
body.lcd-1v #product-detail-form .lcd1v-k-auto > #model-selector { order: 2; }
body.lcd-1v #product-detail-form .lcd1v-k-auto > .sit-Position { order: 3; }
body.lcd-1v #product-detail-form .lcd1v-k-auto > .door-Position { order: 4; }

/* ---------------------------------------------------------------- hlavička kroku */
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-hd {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 14px var(--kr-pad);
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--kr-ink);
  font: 400 17px/1.6 var(--kr-body);
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-hd:focus-visible {
  outline: 3px solid var(--kr-gold);
  outline-offset: -3px;
  border-radius: 14px;
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-hotovy:not(.active) > .lcd1v-hd {
  padding-top: 12px;
  padding-bottom: 12px;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active > .lcd1v-hd {
  align-items: flex-start;
  width: calc(100% + 2 * var(--kr-pad));
  margin: 0 calc(-1 * var(--kr-pad)) 22px;
  padding: 28px var(--kr-pad) 0;
}
/* šípka: zatvorený krok dole (sivá), otvorený hore (zlatá); hotový zatvorený má namiesto nej „Zmeniť“ */
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-hd::after {
  content: "";
  flex: none;
  width: 14px;
  height: 9px;
  margin: 0 0 0 auto;
  background: url("data:image/svg+xml,%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='%23b3aa90' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 14px 9px;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active > .lcd1v-hd::after {
  margin-top: 6px;
  background-image: url("data:image/svg+xml,%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' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-hotovy:not(.active) > .lcd1v-hd::after {
  display: none;
}

body.lcd-1v #product-detail-form .lcd1v-krok .lcd1v-no {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid #cfc8b6;
  border-radius: 50%;
  background: #fff;
  color: var(--kr-mute);
  font: 700 12.5px/1 var(--kr-disp);
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-hotovy .lcd1v-no {
  border-color: var(--kr-zelena);
  background: var(--kr-zelena);
  color: transparent;
  font-size: 0;
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-hotovy .lcd1v-no::after {
  content: "\2713";
  color: #fff;
  font: 700 13px/1 var(--kr-body);
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-chyba .lcd1v-no {
  border-color: var(--kr-cervena);
  background: var(--kr-cervena);
  color: #fff;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active .lcd1v-no {
  display: none;
}

body.lcd-1v #product-detail-form .lcd1v-krok .lcd1v-tx {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
}
body.lcd-1v #product-detail-form .lcd1v-krok .lcd1v-ey,
body.lcd-1v #product-detail-form .lcd1v-krok .lcd1v-ti {
  display: none;
}
body.lcd-1v #product-detail-form .lcd1v-krok .lcd1v-nm {
  display: block;
  color: var(--kr-tmava);
  font: 700 15.5px/1.3 var(--kr-body);
}
body.lcd-1v #product-detail-form .lcd1v-krok .lcd1v-vy {
  display: block;
  margin: 1px 0 0;
  color: #7a735e;
  font: 400 13.5px/1.35 var(--kr-body);
  overflow-wrap: anywhere;
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-hotovy:not(.active) .lcd1v-nm {
  color: var(--kr-mute);
  font: 600 10.5px/16.8px var(--kr-disp);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-hotovy:not(.active) .lcd1v-vy {
  margin-top: 2px;
  color: var(--kr-ink);
  font-size: 15px;
  font-weight: 600;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active .lcd1v-nm,
body.lcd-1v #product-detail-form .lcd1v-krok.active .lcd1v-vy {
  display: none;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active .lcd1v-ey {
  display: block;
  color: var(--kr-gold-tx);
  font: 700 12.5px/20px var(--kr-disp);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active.lcd1v-chyba .lcd1v-ey {
  color: #a9342a;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active .lcd1v-ti {
  display: block;
  max-width: 11em;
  margin: 10px 0 0;
  color: var(--kr-ink);
  font: 700 26.88px/1.22 var(--kr-disp);
  letter-spacing: 0.015em;
  text-transform: uppercase;
  /* všetky návrhy (#sprv .krok.otvoreny .kr-ti): vyvážené riadky, bez osamoteného posledného slova */
  text-wrap: balance;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active .lcd1v-ti::after {
  content: "";
  display: block;
  width: 44px;
  height: 3px;
  margin: 14px 0 0;
  border-radius: 2px;
  background: linear-gradient(90deg, #c49b31, #e8c96a);
}
body.lcd-1v #product-detail-form .lcd1v-krok .lcd1v-zm {
  display: none;
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-hotovy:not(.active) .lcd1v-zm {
  display: flex;
  flex: none;
  align-items: center;
  margin: 0 0 0 auto;
  padding: 6px 0 3px;
  border-bottom: 1px solid rgba(196, 155, 49, 0.6);
  color: var(--kr-gold-tx);
  font: 700 10.5px/16.8px var(--kr-disp);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
body.lcd-1v #product-detail-form .lcd1v-krok:not(.active) > .order:hover ~ .lcd1v-hd .lcd1v-zm {
  border-bottom-color: var(--kr-gold-tx);
}
body.lcd-1v #product-detail-form .lcd1v-krok:not(.active):not(.lcd1v-hotovy):hover {
  border-color: #d6cdb4 !important;
  background: #f4f1e8;
}

/* ---------------------------------------------------------------- červený rám (chýbajúca voľba)
   Živý rám .selection-required (3 s) je pod 1V potlačený pravidlami karty vyššie; rám kreslí trvalá .lcd1v-chyba. */
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-chyba {
  --lcd1v-ram-tien: 0 14px 34px -16px rgba(150, 40, 28, 0.34);
  background: #fff;
  border-color: var(--kr-cervena) !important;
  box-shadow: 0 0 0 1px var(--kr-cervena), 0 0 0 6px rgba(192, 57, 43, 0.1), var(--lcd1v-ram-tien) !important;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active.lcd1v-chyba {
  --lcd1v-ram-tien: 0 24px 56px -14px rgba(120, 32, 22, 0.26);
  border-top-color: var(--kr-cervena) !important;
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-zablesk {
  animation: lcd1v-kr-zablesk 1.7s cubic-bezier(0.25, 0.7, 0.3, 1) 1;
}
@keyframes lcd1v-kr-zablesk {
  0%, 45.5% { box-shadow: 0 0 0 1px #c0392b, 0 0 0 0 rgba(192, 57, 43, 0.5), var(--lcd1v-ram-tien); }
  45%, 88% { box-shadow: 0 0 0 1px #c0392b, 0 0 0 16px rgba(192, 57, 43, 0), var(--lcd1v-ram-tien); }
}
@media (prefers-reduced-motion: reduce) {
  body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-zablesk {
    animation: none;
  }
}
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-chyba-tx {
  display: none;
  align-items: center;
  gap: 9px;
  margin: 14px 0 0;
  padding: 11px 14px;
  border: 1px solid #e8c3bd;
  border-radius: 12px;
  background: #fdf4f3;
  color: #a9342a;
  font: 600 13.5px/1.35 var(--kr-body);
  text-align: left;
}
body.lcd-1v #product-detail-form .lcd1v-krok.lcd1v-chyba > .lcd1v-chyba-tx {
  display: flex;
}
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-chyba-tx::before {
  content: "!";
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: var(--kr-cervena);
  color: #fff;
  font: 700 12px/1 var(--kr-body);
}

/* ---------------------------------------------------------------- telo kroku: podnadpis, tlačidlo, poznámka */
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-pod {
  margin: 0 0 16px;
  padding: 0;
  color: var(--kr-text);
  font: 400 14.5px/1.5 var(--kr-body);
  text-align: left;
}
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-pozn {
  margin: 16px 0 0;
  padding: 0;
  color: var(--kr-text);
  font: 400 13.5px/1.6 var(--kr-body);
  text-align: center;
}

/* „Pokračujte ďalej“ = živé tlačidlo kroku (validácia + ďalší krok = configuratorEngine.js) */
body.lcd-1v #product-detail-form .lcd1v-krok.active > .next-step-button {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  height: 56px;
  min-height: 0;
  margin: 22px 0 0;
  padding: 0 26px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(100deg, #1d6b4a, #2f9c68 42%, #1f7350);
  box-shadow: 0 10px 26px rgba(31, 115, 80, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  color: #fff;
  font: 900 14px/22.4px var(--kr-disp);
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: box-shadow 0.2s, transform 0.2s;
}
body.lcd-1v #product-detail-form .lcd1v-krok.active > .next-step-button:hover {
  box-shadow: 0 14px 30px rgba(31, 115, 80, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  transform: translateY(-1px);
}
body.lcd-1v #product-detail-form .lcd1v-krok.active > .next-step-button:focus-visible {
  outline: 3px solid var(--kr-gold);
  outline-offset: 3px;
}
body.lcd-1v #product-detail-form .lcd1v-krok > .next-step-button::before {
  content: none !important;
}
body.lcd-1v #product-detail-form .lcd1v-krok > .next-step-button[data-lcd1v-text] {
  color: transparent;
  font-size: 0;
}
body.lcd-1v #product-detail-form .lcd1v-krok > .next-step-button[data-lcd1v-text]::after {
  content: attr(data-lcd1v-text);
  display: block;
  color: #fff;
  font: 900 14px/22.4px var(--kr-disp);
  letter-spacing: 0.12em;
}

/* ---------------------------------------------------------------- krok 1: vzor prešívania */
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: auto;
  margin: 0;
  padding: 0;
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button {
  position: relative;
  display: block;
  order: 4;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 1px solid var(--kr-line);
  border-radius: 12px;
  background: #eceae5;
  box-shadow: none;
  overflow: hidden;
  color: var(--kr-tmava);
  text-decoration: none;
  transform: none;
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-diamond { order: 1; }
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-stripe { order: 2; }
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-hexa { order: 3; }
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button:hover {
  border-color: var(--kr-gold);
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
}
/* fotky z návrhu (koberec v aute) namiesto živých bannerov 350×206; živý <img> ostáva skrytý v DOM */
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > [class*="lcd1v-vzor-"] > img {
  display: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > [class*="lcd1v-vzor-"]::before {
  content: "";
  display: block;
  aspect-ratio: 1 / 1;
  background-color: #0b0a07;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-diamond::before {
  background-image: url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/kroky-vzor-diamond.jpg");
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-stripe::before {
  background-image: url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/kroky-vzor-stripe.jpg");
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-hexa::before {
  background-image: url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/kroky-vzor-hexa.jpg");
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button .banner-header {
  position: static;
  display: block;
  width: auto;
  margin: 0;
  padding: 11px 4px 12px;
  background: none;
  color: var(--kr-tmava);
  font: 700 11px/1.25 var(--kr-disp);
  letter-spacing: 0.1em;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  transform: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button.active {
  border-color: var(--kr-gold);
  background: #fff;
  box-shadow: 0 0 0 1px var(--kr-gold), 0 8px 20px rgba(140, 105, 25, 0.18);
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button.active .banner-header {
  color: var(--kr-ink);
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button::after {
  content: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button.active::after {
  content: "\2713";
  position: absolute;
  top: 7px;
  right: 7px;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: var(--kr-zlato);
  color: #17130a;
  font: 700 11px/1 var(--kr-body);
}

/* ---------------------------------------------------------------- krok 2: Vaše auto */
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position,
body.lcd-1v #product-detail-form .lcd1v-k-auto .sit-Position,
body.lcd-1v #product-detail-form .lcd1v-k-auto .door-Position {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .sit-Position,
body.lcd-1v #product-detail-form .lcd1v-k-auto .door-Position {
  margin-top: 16px;
}
/* štítky (pozícia volantu, miest na sedenie, počet dverí (bez kufra)) */
body.lcd-1v #product-detail-form .lcd1v-k-auto .parameter-cars > .label {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.35em;
  width: auto;
  min-width: 0;
  margin: 0 0 7px;
  padding: 0 !important; /* živé .parameter-cars .label { padding: 20px 10px 0 !important } */
  color: var(--kr-tmava);
  font: 600 10.5px/16.8px var(--kr-disp);
  letter-spacing: 0.14em;
  text-align: left;
  text-transform: uppercase;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .parameter-cars > .label > div,
body.lcd-1v #product-detail-form .lcd1v-k-auto .parameter-cars > .label .label-sub {
  margin: 0;
  opacity: 1;
  color: inherit !important;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

/* pozícia volantu: biely prepínač so zlatou „pilulkou“ */
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position > .option-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  width: auto;
  margin: 0;
  padding: 5px;
  border: 2px solid var(--kr-ram);
  border-radius: 999px;
  background: #fff;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position .option-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-height: 47px;
  margin: 0;
  padding: 14px 10px;
  border: 0;
  border-radius: 999px;
  background: none;
  box-shadow: none;
  color: #17130a;
  font: 700 12px/14.4px var(--kr-disp);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position .option-button img {
  display: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position .option-button .text,
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position .option-button span {
  position: static;
  display: inline;
  order: 1;
  margin: 0;
  padding: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position .option-button span {
  order: 2;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position .option-button span::before {
  content: "\2014";
  margin: 0 0.4em;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position .option-button.active,
body.lcd-1v #product-detail-form .lcd1v-k-auto .sit-Position .option-button.active,
body.lcd-1v #product-detail-form .lcd1v-k-auto .door-Position .option-button.active {
  background: var(--kr-zlato);
  box-shadow: 0 4px 12px rgba(140, 105, 25, 0.28);
  color: #17130a;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .parameter-cars .option-button::before,
body.lcd-1v #product-detail-form .lcd1v-k-auto .parameter-cars .option-button::after {
  content: none !important;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .parameter-cars .option-button:focus-visible {
  outline: 3px solid var(--kr-gold);
  outline-offset: 2px;
}

/* počet miest / dverí: biely pás dlaždíc */
body.lcd-1v #product-detail-form .lcd1v-k-auto .sit-Position > .option-wrap,
body.lcd-1v #product-detail-form .lcd1v-k-auto .door-Position > .option-wrap {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  width: auto;
  margin: 0;
  padding: 3px;
  border: 2px solid var(--kr-ram);
  border-radius: 12px;
  background: #fff;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .sit-Position .option-button,
body.lcd-1v #product-detail-form .lcd1v-k-auto .door-Position .option-button {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  height: 44px !important; /* živé .base-config.active .parameter-cars .button.option-button { height: unset !important } */
  min-height: 0;
  margin: 0;
  padding: 1px 6px;
  border: 0;
  border-radius: 9px;
  background: none;
  box-shadow: none;
  color: var(--kr-tmava);
  font: 700 15px/1 var(--kr-disp);
  cursor: pointer;
  transition: background-color 0.2s, box-shadow 0.2s;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .sit-Position .option-button:not(.active):hover,
body.lcd-1v #product-detail-form .lcd1v-k-auto .door-Position .option-button:not(.active):hover,
body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position .option-button:not(.active):hover {
  background: #f7f1df;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .sit-Position .option-button .text,
body.lcd-1v #product-detail-form .lcd1v-k-auto .door-Position .option-button .text {
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}

/* značka / model / rok / karoséria: biele polia s rámom (v21-polia), čiarkovaná deliaca čiara nad nimi */
body.lcd-1v #product-detail-form .lcd1v-k-auto #model-selector {
  display: block;
  width: auto;
  margin: 22px 0 0 !important; /* živé section { margin: 0 !important } */
  padding: 16px 0 0;
  border: 0;
  border-top: 2px dashed var(--kr-line);
  background: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto #model-selector .model-selector {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  background: none;
  box-shadow: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .modl-selector-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .modl-selector-wrap > .lcd1v-pole {
  display: block;
  text-align: left; /* živý mobil centruje štítky aj text vo výbere */
  width: auto !important; /* živé .base-config .surcharge-list { width: 45% !important } */
  min-width: 0;
  margin: 0 !important; /* živé pravidlo dáva poliam margin-right 20 px -> polia by boli užšie ako krok */
  padding: 0;
  border: 0;
  background: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .modl-selector-wrap > .lcd1v-pole::before {
  content: attr(data-lcd1v-stitok);
  display: block;
  margin: 0 0 7px;
  color: var(--kr-tmava);
  font: 600 10.5px/16.8px var(--kr-disp);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole .selector {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole .selector::before,
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole .selector::after {
  content: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole select {
  display: block;
  width: 100% !important; /* živé .parameter-cars .selector select { width: 150px !important } */
  min-width: 0;
  max-width: none;
  height: 46px;
  margin: 0;
  padding: 0 40px 0 14px;
  border: 2px solid var(--kr-ram);
  border-radius: 12px;
  background: #fff url("data:image/svg+xml,%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' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center / 14px 9px;
  box-shadow: none;
  color: var(--kr-ink);
  font: 400 14px/42px var(--kr-body);
  text-align: left;
  text-align-last: left;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole select:hover {
  border-color: var(--kr-gold);
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole select:focus-visible {
  border-color: var(--kr-gold);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(196, 155, 49, 0.3);
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole select option {
  color: var(--kr-ink);
}
/* prázdne pole: „Vyberte značku“ (text placeholderu v selecte ostáva živý — podľa neho živý kód pozná prázdne pole) */
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole.lcd1v-prazdne select {
  color: transparent;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole.lcd1v-prazdne .selector::after {
  content: attr(data-lcd1v-prazdne);
  position: absolute;
  top: 0;
  right: 40px;
  left: 16px;
  overflow: hidden;
  color: #4a4433;
  font: 400 14px/46px var(--kr-body);
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
/* chýbajúce pole po „Dokončite výber“ / „Pokračujte ďalej“ */
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole.lcd1v-err select {
  border-color: var(--kr-cervena);
  background-color: #fdf4f3;
  background-image: url("data:image/svg+xml,%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='%23c0392b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole.lcd1v-err .selector::after {
  color: #a9342a;
}
body.lcd-1v #product-detail-form .lcd1v-k-auto .lcd1v-pole.lcd1v-err::after {
  content: attr(data-lcd1v-chyba);
  display: block;
  margin: 6px 0 0;
  padding: 0 0 0 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23c0392b'/%3E%3Crect x='6.1' y='3' width='1.8' height='5.2' rx='.9' fill='%23fff'/%3E%3Ccircle cx='7' cy='10.4' r='1' fill='%23fff'/%3E%3C/svg%3E") no-repeat left center / 14px 14px;
  color: var(--kr-cervena);
  font: 600 12px/15.6px var(--kr-body);
}

/* ---------------------------------------------------------------- krok 3: farba (18 vzoriek, náhľad zblízka) */
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  width: auto;
  max-height: none !important;
  margin: 0;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
}
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .option-button {
  position: relative;
  display: block;
  order: 3;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1 / 1;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(20, 15, 5, 0.22);
  border-radius: 12px;
  background: #e9e5da;
  box-shadow: none;
  overflow: hidden;
  cursor: pointer;
  transform: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .lcd1v-f-sitie { order: 1; }
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .lcd1v-f-jedno { order: 2; }
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .option-button:hover {
  border-color: var(--kr-gold);
}
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .option-button:focus-visible {
  outline: 3px solid var(--kr-gold);
  outline-offset: 2px;
}
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .option-button img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
}
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .option-button .text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .option-button::before {
  content: none !important;
}
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .option-button::after {
  content: none;
}
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .option-button.active {
  border-color: #fff;
  box-shadow: 0 0 0 2px var(--kr-gold), 0 6px 14px rgba(20, 15, 5, 0.25);
}
body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap > .option-button.active::after {
  content: "\2713";
  position: absolute;
  top: 3px;
  right: 3px;
  left: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--kr-zlato);
  color: #17130a;
  font: 700 9px/1 var(--kr-body);
}
/* živý náhľad (.image-wrap + .lcd-color-label) nahrádza .lcd1v-nahlad hneď pod farbami */
body.lcd-1v #product-detail-form .lcd1v-k-farba > .image-wrap {
  display: none !important;
}
/* Michal 13. 10.: vzorka menšia, ako na pôvodnom webe (320 × 320, v strede) */
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-nahlad {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 16px auto 0;
  border-radius: 12px;
  background: linear-gradient(165deg, #231e15, #0b0a07);
  box-shadow: 0 10px 24px rgba(20, 15, 5, 0.18);
  overflow: hidden;
}
body.lcd-1v #product-detail-form .lcd1v-krok > .lcd1v-nahlad[hidden] {
  display: none !important;
}
body.lcd-1v #product-detail-form .lcd1v-nahlad > .lcd1v-nahlad-nm {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 12px 14px;
  box-shadow: inset 0 -1px 0 rgba(230, 200, 119, 0.22);
  color: var(--kr-gold-hi);
  font: 700 11px/17.6px var(--kr-disp);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
body.lcd-1v #product-detail-form .lcd1v-nahlad > .lcd1v-nahlad-nm::before {
  content: "";
  flex: none;
  width: 13px;
  height: 13px;
  border-radius: 3px;
  background: linear-gradient(135deg, #e6c877, #8f7020);
}
body.lcd-1v #product-detail-form .lcd1v-nahlad > .lcd1v-nahlad-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
}

/* ---------------------------------------------------------------- telefón */
@media (max-width: 720px) {
  body.lcd-1v {
    --kr-pad: 18px;
  }
  body.lcd-1v #product-detail-form .lcd1v-krok.active > .lcd1v-hd {
    margin-bottom: 20px;
    padding-top: 24px;
  }
  body.lcd-1v #product-detail-form .lcd1v-krok.active {
    padding-bottom: 26px;
  }
  body.lcd-1v #product-detail-form .lcd1v-krok.active .lcd1v-ti {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  body.lcd-1v #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button .banner-header {
    padding: 10px 2px 11px;
    font-size: 10px;
    letter-spacing: 0.05em;
  }
  body.lcd-1v #product-detail-form .lcd1v-k-auto .wheel-Position .option-button {
    min-height: 44px;
    padding: 10px 8px;
    font-size: 10.5px;
    line-height: 12.6px;
  }
  body.lcd-1v #product-detail-form .lcd1v-k-auto .modl-selector-wrap {
    grid-template-columns: minmax(0, 1fr);
  }
  body.lcd-1v #product-detail-form .lcd1v-k-farba > .options-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
  }
}
/* ===== LCD-1V-KROKY END ===== */

/* ===== LCD-1V-ROZLOZENIE START - generovane tools/vloz-lcd-css.py z _lcd1v-rozlozenie.scss (konfigurator 1V: krok 4 rozlozenie; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V krok 4 (rozloženie kobercov) — nový vzhľad konfigurátora jednovrstvových podľa návrhu v26.
   Tichý test: platí LEN pod body.lcd-1v (SK Diamond Line 598, ?novy=1). Bez triedy sa nič nemení.
   Vlastník: assets/js/components/konfigurator1v/rozlozenie.js. Kontrakt: docs/1v-kontrakt.md.
   Čisté CSS (súbor sa nekompiluje Sassom, tools/vloz-lcd-css.py ho vkladá do luxuryCar.css bajt po bajte).
   Rozmery a farby odmerané na návrhu (jednovrstvove.html, #sprv .krok[data-krok="4"], v26) pri 1280 a 390 px. */

/* živé rádiá kroku ostávajú v DOM (ctx.zapis na ne kliká, validácia košíka z nich číta) — len sa nezobrazujú;
   náhľad obrázka voľby (.image-wrap z productPage.js) návrh v kroku 4 nemá */
body.lcd-1v .lcd1v-rz-krok > .options-wrap,
body.lcd-1v .lcd1v-rz-krok > .image-wrap {
  display: none !important;
}

body.lcd-1v .lcd1v-rz {
  --rz-ink: #14110c;
  --rz-text: #48412f;
  --rz-mute: #6e6752;
  --rz-gold: #c49b31;
  --rz-gold-hi: #e6c877;
  --rz-gold-lo: #8f7020;
  --rz-gold-txt: #7c5f16;
  --rz-ram: #d3c49a;
  --rz-zlato: linear-gradient(100deg, #8f7020, #e6c877 48%, #c49b31);
  --rz-disp: "Exo 2", "Segoe UI", Arial, sans-serif;
  --rz-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  display: block;
  margin: 0;
  /* vnútorný okraj tela kroku (28 / 18 px) a medzeru pod hlavičkou dáva obal kroku (worker kroky, --kr-pad) */
  padding: 0;
  font-family: var(--rz-body);
  color: var(--rz-text);
  text-align: left;
}

/* spoločný základ tlačidiel (šablóna Shoptetu štýluje button) */
body.lcd-1v .lcd1v-rz button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  min-width: 0;
  min-height: 0;
  border: 0;
  background: none;
  box-shadow: none;
  font: inherit;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: none;
  color: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
body.lcd-1v .lcd1v-rz button:focus-visible {
  outline: 3px solid var(--rz-gold);
  outline-offset: 2px;
}
body.lcd-1v .lcd1v-rz img {
  display: block;
  max-width: none;
  border: 0;
}

/* podnadpis + „i“ s vysvetlením */
body.lcd-1v .lcd1v-rz .rz-podnadpis {
  margin: 0 0 16px;
  padding: 0;
  font-family: var(--rz-body);
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--rz-text);
}
body.lcd-1v .lcd1v-rz .rz-info {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: 5px;
  padding: 0;
  vertical-align: middle;
  border: 1px solid var(--rz-gold);
  border-radius: 50%;
  background: #fff;
  font-family: var(--rz-disp);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: var(--rz-gold-txt);
}
body.lcd-1v .lcd1v-rz .rz-info::after {
  content: "";
  position: absolute;
  inset: -11px; /* dotyková plocha 44 px */
}
body.lcd-1v .lcd1v-rz .rz-vysv {
  margin: 0 0 16px;
  padding: 13px 14px;
  border: 1px solid rgba(196, 155, 49, 0.4);
  border-radius: 12px;
  background: #faf6ea;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--rz-text);
}
body.lcd-1v .lcd1v-rz .rz-vysv[hidden] {
  display: none;
}
body.lcd-1v .lcd1v-rz .rz-vysv b {
  font-weight: 700;
  color: var(--rz-ink);
}

/* „Miest na sedenie“ — zrkadlo dlaždíc kroku 2 */
body.lcd-1v .lcd1v-rz .rz-miesta {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 2px 0 14px;
}
body.lcd-1v .lcd1v-rz .rz-miesta[hidden] {
  display: none;
}
body.lcd-1v .lcd1v-rz .rz-miesta-nm {
  font-family: var(--rz-disp);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--rz-gold-txt);
}
body.lcd-1v .lcd1v-rz .rz-dlazdice {
  display: flex;
  padding: 3px;
  border: 2px solid var(--rz-ram);
  border-radius: 12px;
  background: #fff;
}
body.lcd-1v .lcd1v-rz .rz-dlazdice button {
  flex: 1 1 0;
  height: 44px;
  padding: 1px 6px;
  border-radius: 9px;
  font-family: var(--rz-disp);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #3d3728;
  transition: background-color 0.2s, color 0.2s;
}
body.lcd-1v .lcd1v-rz .rz-dlazdice button.on {
  background: var(--rz-zlato);
  color: #17130a;
  box-shadow: 0 4px 12px rgba(140, 105, 25, 0.28);
}

/* pôdorys auta zhora */
body.lcd-1v .lcd1v-rz .rz-plan {
  position: relative;
  padding: 10px 10px 6px;
  border: 1px solid rgba(230, 200, 119, 0.22);
  border-radius: 12px;
  background: linear-gradient(165deg, #2a241b, #0b0a07);
  box-shadow: 0 14px 32px rgba(20, 15, 5, 0.24);
}
body.lcd-1v .lcd1v-rz .rz-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
body.lcd-1v .lcd1v-rz .rzp-on,
body.lcd-1v .lcd1v-rz .rzp-vol {
  transition: opacity 0.42s cubic-bezier(0.4, 0.9, 0.3, 1);
}
/* zlaté sú len zvolené rady (data-rady = počet radov; 0 = nič) */
body.lcd-1v .lcd1v-rz[data-rady="0"] .rzp-on,
body.lcd-1v .lcd1v-rz[data-rady="1"] [data-rad="2"] .rzp-on,
body.lcd-1v .lcd1v-rz[data-rady="1"] [data-rad="3"] .rzp-on,
body.lcd-1v .lcd1v-rz[data-rady="2"] [data-rad="3"] .rzp-on {
  opacity: 0;
}
/* kufor sa rozsvieti až po výbere v kroku 5 */
body.lcd-1v .lcd1v-rz:not([data-kufor="1"]) [data-rad="k"] .rzp-on {
  opacity: 0;
}
/* volant podľa kroku 2 */
body.lcd-1v .lcd1v-rz:not([data-volant="vpravo"]) [data-vol="vpravo"],
body.lcd-1v .lcd1v-rz[data-volant="vpravo"] [data-vol="vlavo"] {
  opacity: 0;
}
/* sedadlá podľa počtu miest (data-r2 / data-r3), kufor širší, keď auto nemá 3. rad */
body.lcd-1v .lcd1v-rz:not([data-r2="2"]) .rzp-r2[data-var="2"],
body.lcd-1v .lcd1v-rz[data-r2="2"] .rzp-r2[data-var="3"],
body.lcd-1v .lcd1v-rz[data-r3="0"] .rzp-r3,
body.lcd-1v .lcd1v-rz[data-r3="2"] .rzp-r3[data-var="3"],
body.lcd-1v .lcd1v-rz[data-r3="3"] .rzp-r3[data-var="2"],
body.lcd-1v .lcd1v-rz[data-r3="0"] .rzp-kuf[data-var="std"],
body.lcd-1v .lcd1v-rz:not([data-r3="0"]) .rzp-kuf[data-var="wide"],
body.lcd-1v .lcd1v-rz[data-r3="0"] .rzp-div[data-var="std"],
body.lcd-1v .lcd1v-rz:not([data-r3="0"]) .rzp-div[data-var="wide"] {
  display: none;
}
body.lcd-1v .lcd1v-rz .rz-legenda {
  display: flex;
  justify-content: center;
  gap: 18px;
  padding: 8px 2px 2px;
}
body.lcd-1v .lcd1v-rz .rz-je {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--rz-disp);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--rz-gold-hi);
}
body.lcd-1v .lcd1v-rz .rz-je::before {
  content: "";
  flex: none;
  width: 11px;
  height: 11px;
  border-radius: 3px;
  background: linear-gradient(135deg, #e6c877, #8f7020);
}
body.lcd-1v .lcd1v-rz .rz-hint {
  margin: 0;
  padding: 1px 4px 4px;
  font-family: var(--rz-body);
  font-size: 11px;
  line-height: 1.45;
  text-align: center;
  color: rgba(255, 255, 255, 0.45);
}
body.lcd-1v .lcd1v-rz .rz-hint b {
  font-weight: 600;
  color: var(--rz-gold-hi);
}

/* karty volieb s fotkou */
body.lcd-1v .lcd1v-rz .rz-karty {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}
body.lcd-1v .lcd1v-rz .rz-karta {
  position: relative;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 10px 14px 10px 10px;
  overflow: hidden;
  border: 2px solid var(--rz-ram);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(20, 15, 5, 0.08);
  text-align: left;
  color: var(--rz-ink);
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s, background-color 0.2s;
}
/* auto bez 3. radu (menej ako 6 miest): karta „Všetky tri rady“ sa neponúka */
body.lcd-1v .lcd1v-rz[data-r3="0"] .rz-karta[data-rady="3"] {
  display: none;
}
body.lcd-1v .lcd1v-rz .rz-karta.on {
  border-color: var(--rz-gold);
  background: #fffaee;
  box-shadow: 0 10px 26px rgba(140, 105, 25, 0.26);
}
body.lcd-1v .lcd1v-rz .rz-foto {
  position: relative;
  display: block;
  width: 112px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 11px;
  background: #0b0a07;
}
body.lcd-1v .lcd1v-rz .rz-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.lcd-1v .lcd1v-rz .rz-foto b {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 6px;
  padding: 5px 0;
  border-radius: 7px;
  background: var(--rz-zlato);
  font-family: var(--rz-disp);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  color: #17130a;
}
body.lcd-1v .lcd1v-rz .rz-tx {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
}
body.lcd-1v .lcd1v-rz .rz-nm {
  display: block;
  font-family: var(--rz-disp);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--rz-ink);
}
body.lcd-1v .lcd1v-rz .rz-po {
  display: block;
  font-family: var(--rz-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--rz-mute);
}
body.lcd-1v .lcd1v-rz .rz-cena {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 7px;
}
body.lcd-1v .lcd1v-rz .rz-ikona {
  display: block;
  flex: none;
  height: 52px;
}
body.lcd-1v .lcd1v-rz .rz-ikona img {
  width: auto;
  height: 100%;
}
body.lcd-1v .lcd1v-rz .rz-pl {
  display: block;
  flex: none;
  font-family: var(--rz-disp);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  color: var(--rz-gold-txt);
}
/* krúžok vpravo, po výbere zlatý s fajkou */
body.lcd-1v .lcd1v-rz .rz-vol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 2px solid #b5a473;
  border-radius: 50%;
  background: #fff;
}
body.lcd-1v .lcd1v-rz .rz-vol svg {
  display: block;
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #17130a;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
}
body.lcd-1v .lcd1v-rz .rz-karta.on .rz-vol {
  border-color: transparent;
  background: var(--rz-zlato);
}
body.lcd-1v .lcd1v-rz .rz-karta.on .rz-vol svg {
  opacity: 1;
}

@media (hover: hover) {
  body.lcd-1v .lcd1v-rz .rz-dlazdice button:not(.on):hover {
    color: var(--rz-ink);
    background: #faf6ea;
  }
  body.lcd-1v .lcd1v-rz .rz-karta:hover {
    border-color: var(--rz-gold);
    box-shadow: 0 8px 22px rgba(140, 105, 25, 0.18);
    transform: translateY(-1px);
  }
  body.lcd-1v .lcd1v-rz .rz-karta.on:hover {
    box-shadow: 0 10px 26px rgba(140, 105, 25, 0.26);
  }
}

@media (max-width: 400px) {
  body.lcd-1v .lcd1v-rz .rz-karta {
    grid-template-columns: 104px minmax(0, 1fr) 26px;
    gap: 12px;
    padding: 8px 12px 8px 8px;
  }
  body.lcd-1v .lcd1v-rz .rz-foto {
    width: 104px;
  }
  body.lcd-1v .lcd1v-rz .rz-nm {
    font-size: 15px;
  }
  body.lcd-1v .lcd1v-rz .rz-po {
    font-size: 13px;
  }
  body.lcd-1v .lcd1v-rz .rz-cena {
    gap: 10px;
  }
  body.lcd-1v .lcd1v-rz .rz-ikona {
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.lcd-1v .lcd1v-rz .rzp-on,
  body.lcd-1v .lcd1v-rz .rzp-vol,
  body.lcd-1v .lcd1v-rz .rz-karta,
  body.lcd-1v .lcd1v-rz .rz-dlazdice button {
    transition: none;
  }
  body.lcd-1v .lcd1v-rz .rz-karta:hover {
    transform: none;
  }
}
/* ===== LCD-1V-ROZLOZENIE END ===== */

/* ===== LCD-1V-KUFOR-BOXY START - generovane tools/vloz-lcd-css.py z _lcd1v-kufor-boxy.scss (konfigurator 1V: kroky 5-6 kufor a boxy; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V kroky 5–6 (rohož do kufra, boxy) — nový vzhľad konfigurátora jednovrstvových podľa návrhu v26.
   Tichý test: platí LEN pod body.lcd-1v (SK Diamond Line 598, ?novy=1). Bez triedy sa nič nemení.
   Vlastník: assets/js/components/konfigurator1v/kufor-boxy.js. Kontrakt: docs/1v-kontrakt.md.
   Čisté CSS (súbor sa nekompiluje Sassom, tools/vloz-lcd-css.py ho vkladá do luxuryCar.css bajt po bajte).
   Všetko visí aj na značkách, ktoré pridá kufor-boxy.js (.lcd1v-kb, .lcd1v-kb-kufor, .lcd1v-kb-boxy): keď modul
   nenaštartuje, kroky 5–6 ostanú v živom vzhľade. Živé karty a ovládače ostávajú v DOM (len skryté / preštýlované). */

body.lcd-1v .lcd1v-kb,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config,
body.lcd-1v .lcd1v-bx-pozadie {
  --kb-ink: #14110c;
  --kb-line: #d9d4c6;
  --kb-gold: #c49b31;
  --kb-gold-hi: #e6c877;
  --kb-gold-lo: #8f7020;
  --kb-gold-txt: #7c5f16;
  --kb-zelena: #23865a;
  --kb-disp: "Exo 2", "Segoe UI", Arial, sans-serif;
  --kb-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --kb-pas: linear-gradient(100deg, #8f7020, #e6c877 48%, #c49b31);
}

/* ---------- kroky 5 a 6 sú viditeľné od začiatku (naživo ich skrýva jQuery .hide() až do výberu rozloženia) ---------- */
body.lcd-1v #product-detail-form .upsale-Banner.lcd1v-kb {
  display: flex !important;
  /* banner nesie aj triedu .lcd1v-kb (okraje kariet nižšie) — medzera krok 4 -> 5 má byť ako medzi ostatnými (10 px) */
  margin: 0;
}
body.lcd-1v #product-detail-form .upsale-Banner.lcd1v-kb > .upsale-buttons.lcd1v-kb-kufor,
body.lcd-1v #product-detail-form .upsale-Banner.lcd1v-kb > .upsale-buttons.lcd1v-kb-boxy {
  display: flex !important;
}
/* živé karty (klik na ne robí ctx.zapis cez nové karty) */
body.lcd-1v .upsale-buttons.lcd1v-kb-kufor > .parameter-cars,
body.lcd-1v .upsale-buttons.lcd1v-kb-boxy > .parameter-cars {
  display: none !important;
}

/* ---------- karty ---------- */
body.lcd-1v .lcd1v-kb {
  margin: 12px 0 4px;
  color: var(--kb-ink);
  font-family: var(--kb-body);
  text-align: left;
}
body.lcd-1v .lcd1v-kb__pod {
  margin: 0 0 16px;
  font-family: var(--kb-body);
  font-size: 14.5px;
  line-height: 1.5;
  color: #48412f;
}
body.lcd-1v .lcd1v-kb__info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0 0 0 5px;
  padding: 0;
  border: 1px solid var(--kb-gold);
  border-radius: 50%;
  background: #fff;
  color: var(--kb-gold-txt);
  font: 700 12px/1 var(--kb-disp);
  vertical-align: 1px;
  cursor: pointer;
}
body.lcd-1v .lcd1v-kb__info[aria-expanded="true"] {
  background: var(--kb-gold);
  color: #fff;
}
body.lcd-1v .lcd1v-kb__vysv {
  margin: -6px 0 14px;
  padding: 10px 13px;
  border-radius: 10px;
  background: #f6f4ef;
  font-size: 13.5px;
  line-height: 1.5;
  color: #3d3728;
}
body.lcd-1v .lcd1v-kb__vysv[hidden] {
  display: none;
}
body.lcd-1v .lcd1v-kb__vysv b {
  font-weight: 700;
  color: var(--kb-ink);
}
body.lcd-1v .lcd1v-kb__volby {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
body.lcd-1v .lcd1v-kb__karta {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 44%) minmax(0, 1fr);
  column-gap: 13px;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid var(--kb-line);
  border-radius: 12px;
  background: #fff;
  color: var(--kb-ink);
  font: inherit;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
  overflow: hidden;
  cursor: pointer;
  transition: border-color .18s, box-shadow .18s;
  -webkit-tap-highlight-color: transparent;
}
body.lcd-1v .lcd1v-kb__karta:hover {
  border-color: #c9b98a;
}
body.lcd-1v .lcd1v-kb__karta:focus-visible {
  outline: 2px solid var(--kb-gold);
  outline-offset: 2px;
}
body.lcd-1v .lcd1v-kb__karta--naj {
  border-color: #d6bd76;
}
body.lcd-1v .lcd1v-kb__karta[aria-pressed="true"] {
  border-color: var(--kb-gold);
  box-shadow: 0 0 0 1px var(--kb-gold), 0 8px 20px rgba(140, 105, 25, .18);
}
body.lcd-1v .lcd1v-kb__karta[aria-pressed="true"]::after {
  content: "✓";
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 50%;
  background: linear-gradient(150deg, #2f9c68, #1d6b4a);
  color: #fff;
  font: 800 12px/1 Arial, sans-serif;
  box-shadow: 0 3px 10px rgba(20, 15, 5, .4);
}
body.lcd-1v .lcd1v-kb__karta--naj[aria-pressed="true"]::after {
  top: 37px;
}
/* ★ Najobjednávanejšie: zlatý pás cez celú šírku karty */
body.lcd-1v .lcd1v-kb__top {
  grid-column: 1 / -1;
  display: block;
  padding: 7px 12px 6px;
  background: var(--kb-pas);
  color: #17130a;
  font: 800 11.5px/1.2 var(--kb-disp);
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}
body.lcd-1v .lcd1v-kb__fot {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 8px 0 8px 8px;
}
body.lcd-1v .lcd1v-kb__fot img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 9px;
  margin: 0;
}
body.lcd-1v .lcd1v-kb__tx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 11px 13px 11px 3px;
}
body.lcd-1v .lcd1v-kb__nm {
  display: block;
  padding-right: 26px;
  font: 800 18px/1.15 var(--kb-disp);
  color: var(--kb-ink);
}
body.lcd-1v .lcd1v-kb__po {
  display: block;
  margin-top: 3px;
  font: 700 11px/1.3 var(--kb-body);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--kb-gold-txt);
}
body.lcd-1v .lcd1v-kb__ben {
  display: block;
  margin-top: 5px;
  font: 400 14px/1.4 var(--kb-body);
  color: #3d3728;
}
body.lcd-1v .lcd1v-kb__cn {
  display: block;
  margin-top: 8px;
  font: 700 12.5px/1.2 var(--kb-disp);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--kb-gold-txt);
}
body.lcd-1v .lcd1v-kb__ucet {
  display: block;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed #ddd5c2;
}
body.lcd-1v .lcd1v-kb__r {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  column-gap: 10px;
  row-gap: 0;
  padding: 2px 0;
  font: 400 13.5px/1.45 var(--kb-body);
  color: #6e6752;
}
body.lcd-1v .lcd1v-kb__r[hidden] {
  display: none;
}
body.lcd-1v .lcd1v-kb__rn {
  color: #4f4836;
  white-space: nowrap;
}
body.lcd-1v .lcd1v-kb__rh {
  margin-left: auto;
  font-weight: 600;
  color: #2b261a;
  white-space: nowrap;
}
body.lcd-1v .lcd1v-kb__r--zl .lcd1v-kb__rh {
  font-weight: 700;
  color: var(--kb-zelena);
}
body.lcd-1v .lcd1v-kb__r--sum {
  margin-top: 4px;
  padding: 5px 0 2px;
  border-top: 1px solid #e6e0d1;
}
body.lcd-1v .lcd1v-kb__r--sum .lcd1v-kb__rn {
  font: 700 11px/1.45 var(--kb-disp);
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.lcd-1v .lcd1v-kb__r--sum .lcd1v-kb__rh {
  font: 800 20px/1.45 var(--kb-disp);
  color: #2b261a;
}
/* „V sete“ je prvý riadok, kým nie sú ceny samostatných produktov -> bez čiary navrchu */
body.lcd-1v .lcd1v-kb__r[hidden] + .lcd1v-kb__r[hidden] + .lcd1v-kb__r--sum {
  margin-top: 0;
  border-top: 0;
}
/* úzky telefón (320 px): menšia fotka, nech sa riadky ceny zmestia */
@media (max-width: 359px) {
  body.lcd-1v .lcd1v-kb__karta {
    grid-template-columns: minmax(0, 36%) minmax(0, 1fr);
    column-gap: 10px;
  }
  body.lcd-1v .lcd1v-kb__tx {
    padding-right: 10px;
  }
  body.lcd-1v .lcd1v-kb__nm {
    font-size: 16.5px;
  }
  body.lcd-1v .lcd1v-kb__r {
    font-size: 12.5px;
  }
  body.lcd-1v .lcd1v-kb__r--sum .lcd1v-kb__rh {
    font-size: 18px;
  }
}
@media (min-width: 721px) {
  body.lcd-1v .lcd1v-kb__karta {
    grid-template-columns: minmax(0, min(46%, 250px)) minmax(0, 1fr);
  }
  body.lcd-1v .lcd1v-kb__nm {
    font-size: 19px;
  }
  body.lcd-1v .lcd1v-kb__r {
    font-size: 14.5px;
  }
}

/* ---------- návrh E (Michal 15. 10. 2026, navrhy-naj): odporúčaná karta, cenovka, väčšie texty karty Nechcem ----------
   Len karty krokov kufor a boxy (.lcd1v-kb[data-lcd1v-kb]). Dlaždica druhej vrstvy (druha-vrstva.js) zdieľa
   .lcd1v-kb__karta--naj, .lcd1v-kb__top a .lcd1v-kb__ben — ostáva bez zmeny. */
/* krémová karta so zlatou žiarou */
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__karta--naj {
  border: 2px solid var(--kb-gold);
  background: #fffaef;
  box-shadow: 0 0 0 4px rgba(196, 155, 49, .18), 0 14px 30px rgba(160, 120, 30, .3);
}
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__karta--naj[aria-pressed="true"] {
  box-shadow: 0 0 0 1px var(--kb-gold), 0 0 0 5px rgba(196, 155, 49, .2), 0 14px 30px rgba(160, 120, 30, .3);
}
/* fajka pod pásom (pás s vetou je vysoký ~52 px) */
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__karta--naj[aria-pressed="true"]::after {
  top: 62px;
}
/* široký zlatý pás „★ Najobjednávanejšie ★“ + veta „Zákazníci si ho/ich vyberajú najčastejšie“ */
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__top {
  position: relative;
  overflow: hidden;
  padding: 9px 12px 8px;
  font-size: 13.5px;
  letter-spacing: .14em;
}
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__veta {
  display: block;
  margin-top: 3px;
  font: 700 12.5px/1.25 var(--kb-body);
  letter-spacing: .01em;
  text-transform: none;
  white-space: normal;
}
/* jemný lesk po páse raz za 5 s — nie pri zapnutom obmedzení pohybu (prefers-reduced-motion) */
@media (prefers-reduced-motion: no-preference) {
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__top::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 35%, rgba(255, 255, 255, .6) 50%, transparent 65%);
    transform: translateX(-110%);
    animation: lcd1v-kb-lesk 5s ease-in-out infinite;
    pointer-events: none;
  }
}
@keyframes lcd1v-kb-lesk {
  0%, 64% { transform: translateX(-110%); }
  100% { transform: translateX(110%); }
}
/* cenovka: V SETE / veľká cena / Samostatne <s>cena</s> (červená čiara) / zelená pilulka Ušetríte */
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px dashed #ddd5c2;
}
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb [hidden] {
  display: none;
}
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-l {
  font: 700 11px/1.3 var(--kb-disp);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #4f4836;
}
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-c {
  margin-top: 1px;
  font: 800 29px/1.1 var(--kb-disp);
  letter-spacing: -.005em;
  color: #14110c;
  white-space: nowrap;
}
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-s {
  margin-top: 3px;
  font: 400 14px/1.4 var(--kb-body);
  color: #4f4836;
}
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-pr {
  font-weight: 700;
  color: #4a4334;
  text-decoration: line-through;
  text-decoration-color: #c0392b;
  text-decoration-thickness: 2px;
  white-space: nowrap;
}
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-u {
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #e2f3e9;
  color: #1d6b4a;
  font: 800 13.5px/1.2 var(--kb-body);
  white-space: nowrap;
}
/* karta Nechcem: veta a „V cene“ vo veľkosti textov susedných kariet (rovnocenná voľba) */
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__karta--nie .lcd1v-kb__ben {
  margin-top: 8px;
  font: 600 16px/1.35 var(--kb-body);
  color: #3d3728;
}
body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__karta--nie .lcd1v-kb__cn {
  margin-top: 10px;
  font: 800 22px/1.1 var(--kb-disp);
  letter-spacing: .06em;
}
@media (max-width: 359px) {
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__top {
    padding-inline: 8px;
    font-size: 12px;
    letter-spacing: .1em;
  }
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__veta {
    font-size: 11.5px;
  }
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-c {
    font-size: 25px;
  }
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-s {
    font-size: 13px;
  }
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-u {
    padding-inline: 8px;
    font-size: 12.5px;
  }
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__karta--nie .lcd1v-kb__ben {
    font-size: 15px;
  }
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__karta--nie .lcd1v-kb__cn {
    font-size: 19px;
  }
}
@media (min-width: 721px) {
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-c {
    font-size: 32px;
  }
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-s,
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__cb-u {
    font-size: 14.5px;
  }
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__karta--nie .lcd1v-kb__ben {
    font-size: 17px;
  }
  body.lcd-1v .lcd1v-kb[data-lcd1v-kb] .lcd1v-kb__karta--nie .lcd1v-kb__cn {
    font-size: 24px;
  }
}

/* ---------- okno boxov = živý .box-config (farba, veľkosti, validácia ostávajú) ---------- */
/* Zatvorené okno ostáva vykreslené (validácia lcdBoxConfigUnfilled číta offsetParent), len neviditeľné. */
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config {
  position: fixed !important;
  z-index: 2147482001;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  box-sizing: border-box;
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100vh - 108px);
  margin: 0;
  padding: 22px 24px 24px !important;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 0 !important;
  border-top: 3px solid var(--kb-gold) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 30px 80px rgba(10, 8, 6, .45);
  color: var(--kb-ink);
  font-family: var(--kb-body);
  text-align: left;
  transform: translate(-50%, -46%);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s, transform .2s, visibility 0s linear .2s;
}
body.lcd-1v .upsale-Banner.lcd1v-kb.showConf .box-config {
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity .2s, transform .2s;
}
@media (max-width: 720px) {
  body.lcd-1v .upsale-Banner.lcd1v-kb .box-config {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100%;
    max-height: 88vh;
    max-height: 88dvh;
    padding: 20px 18px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 20px 20px 0 0 !important;
    transform: translateY(32px);
  }
  body.lcd-1v .upsale-Banner.lcd1v-kb.showConf .box-config {
    transform: none;
  }
}
body.lcd-1v .lcd1v-bx-pozadie {
  position: fixed;
  inset: 0;
  z-index: 2147482000;
  background: rgba(10, 8, 6, .72);
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s, visibility 0s linear .2s;
}
body.lcd-1v.lcd1v-bx-otvorene .lcd1v-bx-pozadie {
  visibility: visible;
  opacity: 1;
  transition: opacity .2s;
}
body.lcd-1v.lcd1v-bx-otvorene {
  overflow: hidden;
}
/* chat Luxia (z-index 2147483000) by ležal na tlačidle „Potvrďte výber boxov“ — kým je okno otvorené, ustúpi */
body.lcd-1v.lcd1v-bx-otvorene iframe[title="Luxia chat"] {
  visibility: hidden !important;
}
/* živé prvky okna, ktoré nahrádza nový nadpis / tlačidlá (ostávajú v DOM aj s handlermi) */
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config > .order,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config > h5.variant.name,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config > .close-btn,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap > .order,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap > .name-wrap,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap > .lcd-color-label,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap > .next-step-button,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap > .image-wrap {
  display: none !important;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__hd {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 6px;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__nadpis {
  margin: 0;
  padding: 10px 0 0;
  font: 700 19px/1.2 var(--kb-disp);
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--kb-ink);
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__x {
  flex: none;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--kb-line);
  border-radius: 50%;
  background: #fff;
  color: #4a4433;
  font: 400 22px/1 Arial, sans-serif;
  cursor: pointer;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__x:hover {
  border-color: var(--kb-gold);
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__x:focus-visible,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__ok:focus-visible {
  outline: 2px solid var(--kb-gold);
  outline-offset: 2px;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__pod {
  margin: 0 0 10px;
  font: 400 13.5px/1.5 var(--kb-body);
  color: #4a4433;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .config-wrap {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap {
  display: block !important;
  max-height: none !important;
  min-height: 0;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
/* skryté veľkosti (živý kód .hide() pre iný počet boxov) ostávajú skryté */
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap[style*="display: none"] {
  display: none !important;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap.lcd1v-bx-velk {
  margin-top: 20px !important;
  padding-top: 16px !important;
  border-top: 1px solid #ece6d6 !important;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__nadp {
  margin: 0 0 7px;
  font: 600 10.5px/1.6 var(--kb-disp);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #3d3728;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx-velk .lcd1v-bx__nadp {
  margin-bottom: 16px;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .options-wrap {
  display: grid !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
  gap: 8px;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx-farby .options-wrap {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx-velk .options-wrap {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
/* spoločný základ živých tlačidiel v okne (prebije živé šírky 17 % / 22 % / 46 % / 50 px a sivé pozadie) */
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .options-wrap .button.option-button {
  position: relative;
  box-sizing: border-box;
  width: auto !important;
  height: auto !important;
  min-width: 0;
  min-height: 0;
  max-width: none;
  margin: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  color: var(--kb-ink);
  text-align: center;
  cursor: pointer;
  overflow: visible;
  transform: none;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .options-wrap .button.option-button::before,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .options-wrap .button.option-button::after {
  content: none !important;
  display: none !important;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .options-wrap .button.option-button:focus-visible {
  outline: 2px solid var(--kb-gold);
  outline-offset: 2px;
}
/* živé pravidlo .parameter-cars .button.option-button span (padding 5px, top 2px) — nové popisky veľkostí ho nechcú */
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config :where(.options-wrap .button.option-button span) {
  position: static;
  top: auto;
  padding: 0;
  line-height: inherit;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .options-wrap .button.option-button > .text,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .options-wrap .button.option-button > .description {
  display: none !important;
}
/* farba: štvorcová vzorka */
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx-farby .button.option-button img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: none;
  max-height: none !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin: 0 !important;
  border: 1px solid rgba(20, 15, 5, .3);
  border-radius: 10px;
  box-sizing: border-box;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx-farby .button.option-button.active img {
  border-color: var(--kb-gold);
  box-shadow: 0 0 0 2.5px rgba(196, 155, 49, .55), 0 6px 14px rgba(20, 15, 5, .3);
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx-farby .button.option-button.active::after {
  content: "✓" !important;
  display: flex !important;
  position: absolute;
  top: 5px;
  right: 5px;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(150deg, var(--kb-gold-hi), var(--kb-gold-lo));
  color: #17130a;
  font: 800 10px/1 Arial, sans-serif;
  box-shadow: 0 2px 6px rgba(20, 15, 5, .35);
}
/* veľkosť: karta S / M / L / XL */
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx-velk .button.option-button {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 10px !important;
  border: 1px solid var(--kb-line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  transition: border-color .18s, box-shadow .18s;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx-velk .button.option-button:hover {
  border-color: #c9b98a !important;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx-velk .button.option-button.active {
  border-color: var(--kb-gold) !important;
  box-shadow: 0 0 0 1px var(--kb-gold), 0 8px 20px rgba(140, 105, 25, .18);
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__vel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__vl {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 8px;
  box-sizing: border-box;
  border: 1px solid var(--kb-line);
  border-radius: 11px;
  background: #f5f2ea;
  color: #4a4433;
  font: 800 17px/1 var(--kb-disp);
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .button.option-button.active .lcd1v-bx__vl {
  border-color: transparent;
  background: linear-gradient(150deg, var(--kb-gold-hi), var(--kb-gold-lo));
  color: #17130a;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__rozmer {
  font: 400 12.5px/1.15 var(--kb-body);
  color: #4a4433;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__pripl {
  font: 800 14px/1.15 var(--kb-disp);
  color: var(--kb-gold-txt);
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__topv {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--kb-pas);
  color: #17130a;
  font: 800 9.5px/1 var(--kb-disp);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 3px 9px rgba(20, 15, 5, .32);
}
/* chyba (živá validácia: farba / veľkosť chýba -> .lcd-needs-fill na 3 s) */
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__chyba {
  display: none;
  margin: 12px 0 0;
  padding: 11px 13px;
  border: 2px solid #e8c3bd;
  border-radius: 11px;
  background: #fdf4f3;
  color: #a9342a;
  font: 600 13px/1.35 var(--kb-body);
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap.lcd-needs-fill .lcd1v-bx__chyba,
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .parameter-wrap.selection-required .lcd1v-bx__chyba {
  display: block;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__ok {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  margin: 20px 0 0;
  padding: 0 26px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(100deg, #1d6b4a, #2f9c68 42%, #1f7350);
  color: #fff;
  font: 900 14px/1.6 var(--kb-disp);
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: 0 10px 26px rgba(31, 115, 80, .34), inset 0 1px 0 rgba(255, 255, 255, .22);
  cursor: pointer;
}
body.lcd-1v .upsale-Banner.lcd1v-kb .box-config .lcd1v-bx__ok:hover {
  filter: brightness(1.05);
}
@media (prefers-reduced-motion: reduce) {
  body.lcd-1v .upsale-Banner.lcd1v-kb .box-config,
  body.lcd-1v .lcd1v-bx-pozadie,
  body.lcd-1v .lcd1v-kb__karta {
    transition: none !important;
  }
}
/* ===== LCD-1V-KUFOR-BOXY END ===== */

/* ===== LCD-1V-CENA START - generovane tools/vloz-lcd-css.py z _lcd1v-cena.scss (konfigurator 1V: cenova karta a lepiva lista; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V cenová karta + lepivá lišta s cenou a tlačidlom — nový vzhľad podľa návrhu v26.
   Tichý test: platí LEN pod body.lcd-1v (SK Diamond Line 598, ?novy=1). Bez triedy sa nič nemení.
   Vlastník: assets/js/components/konfigurator1v/cena.js. Kontrakt: docs/1v-kontrakt.md.
   Čisté CSS (súbor sa nekompiluje Sassom, tools/vloz-lcd-css.py ho vkladá do luxuryCar.css bajt po bajte).

   Merané na návrhu v26 (#konf .hb-hlava, .hb-karta, .sumar, #doKosika, #lista; 1280 aj 390 px):
   - hlavička: štítok 10,5 px · text 15 px · názov 26/32 px · cena 40/46 px (+ odznak −X % 12 px), Exo 2 + Source Sans 3;
   - cena „bez poľa, priamo nad krokmi“ (Michal 7. 10. 2026, posledná vrstva v26 ruší bielu kartu so zlatou linkou):
     leží na pozadí stránky, prečiarknutie červené 2 px, pod poznámkou vlasová linka;
   - tlačidlo košíka = zelené tlačidlá konfigurátora (56 px, polomer 12 px), vždy zelené, aj keď výber nie je hotový;
   - lišta na telefóne: biela 94 % s rozmazaním, cena 20 px + tlačidlo 50 px, zasunie sa, kým je konfigurátor na obrazovke.
   Prvky z JS: .lcd1v-typ, .lcd1v-rad (v H1), .lcd1v-hodn, .lcd1v-cena, .lcd1v-suhrn, .lcd1v-lista (všetko bez name). */

body.lcd-1v {
  --c1v-ink: #14110c;
  --c1v-lb: #6e6752;
  --c1v-tm: #3d3728;
  --c1v-zl: #7c5f16;
  --c1v-zn: #1f7d4f;
  --c1v-gold: #c49b31;
  --c1v-line: #d9d4c6;
  --c1v-disp: "Exo 2", "Segoe UI", Arial, sans-serif;
  --c1v-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --c1v-zelena: linear-gradient(100deg, #1d6b4a, #2f9c68 42%, #1f7350);
  --c1v-lista-h: 71px; /* 10 + 50 + 10 px + linka */
}

/* ---------- živé prvky, ktoré nový vzhľad nahrádza zrkadlom (ostávajú v DOM aj so svojím JS) ---------- */
/* cena Shoptetu (livePrice / productPage ju ďalej počítajú; čísla z nej číta .lcd1v-cena, .lcd1v-suhrn a lišta) */
body.lcd-1v #product-detail-form .p-info-wrapper > .p-final-price-wrapper { display: none !important; }
/* štítok zľavy Shoptetu pri galérii („€350 −37 %“ z adminu nesedí s cenou z konfigurátora) */
body.lcd-1v #product-detail-form .p-image .flag-discount { display: none !important; }
/* lepkavá lišta Shoptetu „Do košíka“ (header.js, cena z načítania stránky) — na telefóne ju nahrádza .lcd1v-lista */
body.lcd-1v #js-plugin-header { display: none !important; }

/* ---------- hlavička: štítok, názov, hodnotenie, krátky popis ---------- */
body.lcd-1v #product-detail-form .p-info-wrapper > .p-detail-inner-header { margin: 0; padding: 0; }
body.lcd-1v #product-detail-form .p-detail-inner-header .lcd1v-typ {
  margin: 0 0 8px; padding: 0;
  font: 700 10.5px/16px var(--c1v-disp); letter-spacing: .16em; text-transform: uppercase; color: var(--c1v-zl);
}
body.lcd-1v #product-detail-form .p-detail-inner-header h1 {
  margin: 0 !important; padding: 0;
  font-family: var(--c1v-disp); font-weight: 700; font-size: 26px; line-height: 1.14; letter-spacing: .02em;
  text-transform: uppercase; color: var(--c1v-ink); text-wrap: balance;
}
body.lcd-1v #product-detail-form .p-detail-inner-header h1 .lcd1v-rad {
  display: block; margin: 2px 0 0;
  font-size: 1em; font-weight: 600; font-style: normal; letter-spacing: .04em; color: var(--c1v-zl);
}
/* názov materiálu v živom H1 („Dragonskin Basic / Elite“): v DOM ostáva (SEO, živý kód), nový vzhľad ho neukazuje —
   návrhy majú „Luxusné autokoberce Diamond Line“ (cena.js zvyrazniRad) */
body.lcd-1v #product-detail-form .p-detail-inner-header h1 .lcd1v-mat { display: none; }
/* hodnotenie: tichý riadok, odkaz s vlasovou linkou; dotyková plocha 44 px (padding, mínus okraj dole) */
body.lcd-1v #product-detail-form .p-detail-inner-header a.lcd1v-hodn {
  display: flex; width: fit-content; max-width: 100%; align-items: baseline; flex-wrap: wrap; gap: 0 8px;
  margin: 0 0 -12px; padding: 12px 0; border: 0; background: none;
  font: 400 15px/20px var(--c1v-body); color: var(--c1v-lb); text-decoration: none;
}
body.lcd-1v #product-detail-form .p-detail-inner-header a.lcd1v-hodn[hidden] { display: none; }
body.lcd-1v #product-detail-form a.lcd1v-hodn b {
  font: 700 15px/20px var(--c1v-disp); color: var(--c1v-ink); font-variant-numeric: tabular-nums;
}
body.lcd-1v #product-detail-form a.lcd1v-hodn .lcd1v-hodn__st { color: var(--c1v-gold); font-size: 15px; line-height: 20px; letter-spacing: .1em; }
body.lcd-1v #product-detail-form a.lcd1v-hodn i {
  font-style: normal; font-size: 15px; line-height: 20px; color: var(--c1v-lb);
  text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: #cdc4ad; text-underline-offset: 4px;
  transition: color .2s, text-decoration-color .2s;
}
body.lcd-1v #product-detail-form a.lcd1v-hodn:hover i,
body.lcd-1v #product-detail-form a.lcd1v-hodn:focus-visible i { color: var(--c1v-ink); text-decoration-color: var(--c1v-gold); }
body.lcd-1v #product-detail-form a.lcd1v-hodn:focus-visible { outline: 2px solid var(--c1v-gold); outline-offset: 2px; }
/* krátky popis z adminu pod hodnotením: žiadny schválený návrh ho nemá a na telefóne (390 px) ho prekrýva bublina Luxie ->
   pod 1V skrytý (integrácia 14. 10. 2026). Ostáva v DOM (SEO, živý kód), len display:none; bez flagu sa nemení nič. */
body.lcd-1v #product-detail-form .p-info-wrapper > .p-short-description { display: none !important; }

/* ---------- cena nad krokmi (bez poľa) ---------- */
body.lcd-1v #product-detail-form .p-info-wrapper > .lcd1v-cena {
  order: 1; margin: 22px 0 0; padding: 0; font-family: var(--c1v-body); color: var(--c1v-ink); cursor: default;
}
body.lcd-1v #product-detail-form .lcd1v-cena [hidden] { display: none !important; }
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__stitok {
  display: block; margin: 0 0 4px;
  font: 700 10.5px/16px var(--c1v-disp); letter-spacing: .16em; text-transform: uppercase; color: var(--c1v-lb);
}
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__stitok--nasa { color: var(--c1v-tm); }
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__v { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-width: 0; }
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__odp {
  font: 600 15px/20px var(--c1v-disp); color: var(--c1v-lb); font-variant-numeric: tabular-nums;
  text-decoration: line-through; text-decoration-color: #b8432f; text-decoration-thickness: 2px;
}
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__zlava {
  display: inline-block; padding: 2px 9px; border-radius: 999px; background: #e8f3ec; color: #1a6f46;
  font: 700 12px/16px var(--c1v-disp); letter-spacing: .04em; font-variant-numeric: tabular-nums; white-space: nowrap;
}
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__fig { margin: 12px 0 0; }
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__teraz { display: flex; align-items: baseline; white-space: nowrap; }
/* „od“ pri čísle v texte (nie v cene); zmizne, keď je výber hotový (cena je konečná) */
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__od {
  margin: 0 4px 0 0; font: 600 15px/1 var(--c1v-body); font-style: normal; color: var(--c1v-lb); white-space: pre;
}
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__suma {
  font: 600 40px/1 var(--c1v-disp); letter-spacing: 0; color: var(--c1v-ink); font-variant-numeric: tabular-nums;
}
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__pozn {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px;
  margin: 12px 0 0; padding: 0 0 18px; border-bottom: 1px solid var(--c1v-line);
  font: 400 15px/20px var(--c1v-body); color: var(--c1v-lb);
}
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__us-w { color: var(--c1v-tm); }
body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__us { color: var(--c1v-zn); font-weight: 700; }

/* ---------- „Spolu“ + tlačidlo košíka (živé tlačidlo, preštýlované) ---------- */
body.lcd-1v #product-detail-form .p-info-wrapper > .lcd1v-suhrn {
  order: 7; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 26px 0 0; padding: 0;
}
body.lcd-1v #product-detail-form .lcd1v-suhrn .lcd1v-suhrn__lb {
  font: 600 10.5px/16px var(--c1v-disp); letter-spacing: .14em; text-transform: uppercase; color: var(--c1v-tm);
}
body.lcd-1v #product-detail-form .lcd1v-suhrn .lcd1v-suhrn__suma {
  font: 700 24px/1 var(--c1v-disp); font-size: clamp(24px, 3vw, 32px); color: var(--c1v-ink);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
body.lcd-1v #product-detail-form .p-info-wrapper > .add-to-cart {
  order: 7; display: block; position: relative; top: auto; margin: 14px 0 0; padding: 0;
}
body.lcd-1v #product-detail-form .p-info-wrapper > .add-to-cart .quantity { display: none; }
body.lcd-1v #product-detail-form .p-info-wrapper > .add-to-cart button.add-to-cart-button {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  position: relative; top: auto; right: auto; bottom: auto; left: auto; float: none;
  box-sizing: border-box; width: 100%; height: 56px; min-height: 56px; max-width: none; margin: 0; padding: 0 26px;
  border: 0; border-radius: 12px; background: var(--c1v-zelena) !important; color: #fff !important;
  font: 900 14px/1.2 var(--c1v-disp); letter-spacing: .12em; text-transform: uppercase; text-align: center;
  box-shadow: 0 10px 26px rgba(31, 115, 80, .34), inset 0 1px 0 rgba(255, 255, 255, .22);
  cursor: pointer; transition: transform .2s, box-shadow .2s;
}
body.lcd-1v #product-detail-form .p-info-wrapper > .add-to-cart button.add-to-cart-button::before,
body.lcd-1v #product-detail-form .p-info-wrapper > .add-to-cart button.add-to-cart-button::after { display: none !important; }
@media (hover: hover) {
  body.lcd-1v #product-detail-form .p-info-wrapper > .add-to-cart button.add-to-cart-button:hover { transform: translateY(-2px); }
}
body.lcd-1v #product-detail-form .p-info-wrapper > .add-to-cart button.add-to-cart-button:focus-visible {
  outline: 2px solid var(--c1v-gold); outline-offset: 3px;
}

/* ---------- „Poznámka k objednávke“ pod tlačidlom (návrhy .pozn-dole) ----------
   Pole je doplnku Shoptetu ProductNote.js (.NoteDiv > div > .NoteNadpis + textarea#Note) — ostáva jeho, len
   preštýlované: namiesto zlatého pruhu malý štítok ako „Spolu“, pilulka „nepovinné“ a veta pod poľom (pridá
   poznamka.js), príklad v placeholdri podľa typu. order 8 = za „Spolu“, tlačidlom a riadkom pod ním (všetky order 7). */
body.lcd-1v #product-detail-form .NoteDiv {
  order: 8; box-sizing: border-box; width: 100%; margin: 16px 0 0; padding: 16px 0 0;
  border: 0; border-top: 1px solid rgba(155, 122, 36, .2); border-radius: 0; overflow: visible; background: none;
  font-family: var(--c1v-body); text-align: left;
}
body.lcd-1v #product-detail-form .NoteDiv > div {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px;
  box-sizing: border-box; width: auto; height: auto; margin: 0 0 9px; padding: 0; border: 0; background: none;
  font: 600 10.5px/16px var(--c1v-disp); letter-spacing: .14em; text-transform: uppercase; color: var(--c1v-tm);
}
body.lcd-1v #product-detail-form .NoteDiv .NoteNadpis {
  font: inherit; letter-spacing: inherit; text-transform: uppercase; color: var(--c1v-tm);
}
body.lcd-1v #product-detail-form .NoteDiv .lcd1v-pozn-nep {
  padding: 2px 8px; border: 1px solid var(--c1v-line); border-radius: 999px;
  font: normal 700 10px/14px var(--c1v-disp); letter-spacing: .06em; text-transform: none; color: var(--c1v-lb);
}
body.lcd-1v #product-detail-form .NoteDiv textarea#Note {
  display: block; box-sizing: border-box; width: 100%; min-height: 74px; margin: 0; padding: 12px 13px;
  border: 1px solid var(--c1v-line); border-radius: 12px; background: #f7f5ef; box-shadow: none; outline: none;
  font: 400 14px/1.45 var(--c1v-body); color: var(--c1v-ink); resize: vertical;
  transition: border-color .2s, background-color .2s, box-shadow .2s;
}
body.lcd-1v #product-detail-form .NoteDiv textarea#Note:hover,
body.lcd-1v #product-detail-form .NoteDiv textarea#Note:focus { border-color: var(--c1v-gold); background: #fff; }
body.lcd-1v #product-detail-form .NoteDiv textarea#Note:focus { box-shadow: 0 0 0 3px rgba(196, 155, 49, .2); }
body.lcd-1v #product-detail-form .NoteDiv textarea#Note::placeholder { color: var(--c1v-lb) !important; opacity: 1; }
body.lcd-1v #product-detail-form .NoteDiv .lcd1v-pozn-hint {
  margin: 8px 0 0; padding: 0; font: 400 12.5px/1.5 var(--c1v-body); letter-spacing: 0; text-transform: none;
  color: var(--c1v-lb);
}
@media (prefers-reduced-motion: reduce) {
  body.lcd-1v #product-detail-form .NoteDiv textarea#Note { transition: none; }
}

/* ---------- lepivá lišta na telefóne a tablete ---------- */
body.lcd-1v .lcd1v-lista { display: none; }
@media (max-width: 991px) {
  body.lcd-1v .lcd1v-lista {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    display: flex; align-items: center; gap: 12px; box-sizing: border-box;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, .94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    border-top: 1px solid var(--c1v-line); box-shadow: 0 -8px 24px rgba(20, 15, 5, .10);
    transform: translateY(110%); visibility: hidden;
    transition: transform .35s cubic-bezier(.2, .7, .2, 1), visibility 0s linear .35s;
  }
  body.lcd-1v .lcd1v-lista.on {
    transform: none; visibility: visible;
    transition: transform .35s cubic-bezier(.2, .7, .2, 1), visibility 0s;
  }
  /* otvorené menu webu: lišta ustúpi (ako bublina Luxie v LCD-HDR) */
  /* otvorený panel košíka v hlavičke (clona z-index 58): lišta ustúpi tiež */
  body.lcd-1v.navigation-window-visible .lcd1v-lista.on,
  body.lcd-1v.cart-window-visible .lcd1v-lista.on { visibility: hidden; }
  /* koniec stránky (päta) nezostane pod lištou */
  body.lcd-1v.lcd1v-lista-on { padding-bottom: calc(var(--c1v-lista-h) + env(safe-area-inset-bottom, 0px)); }
  /* bublina chatu Luxia (76 × 76, 50 px od spodku) by ležala na tlačidle lišty -> nad lištu; otvorený chat sa nehýbe.
     :not(#…) = váha ID, inak by vyhralo staršie pravidlo body:has(#js-plugin-header.active) … {bottom:72px !important} */
  body.lcd-1v.lcd1v-lista-on.lcd1v-bublina:not(#lcd1v-x) iframe[title="Luxia chat"] {
    bottom: calc(var(--c1v-lista-h) + 8px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
body.lcd-1v .lcd1v-lista .lcd1v-lista__c { display: flex; flex-direction: column; min-width: 0; max-width: 46%; }
body.lcd-1v .lcd1v-lista .lcd1v-lista__suma {
  font: 900 20px/1.15 var(--c1v-disp); color: var(--c1v-ink); font-variant-numeric: tabular-nums; white-space: nowrap;
}
body.lcd-1v .lcd1v-lista .lcd1v-lista__popis {
  display: block; margin: 2px 0 0; font: 400 11px/1.3 var(--c1v-body); color: #6b6450;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body.lcd-1v .lcd1v-lista .lcd1v-lista__popis:empty { display: none; }
body.lcd-1v .lcd1v-lista button.lcd1v-lista__kos {
  flex: 1 1 auto; display: flex; align-items: center; justify-content: center; min-width: 0; height: 50px;
  margin: 0; padding: 0 12px; border: 0; border-radius: 12px; background: var(--c1v-zelena); color: #fff;
  font: 900 12.5px/1.2 var(--c1v-disp); letter-spacing: .1em; text-transform: uppercase; text-align: center;
  box-shadow: 0 6px 18px rgba(31, 125, 79, .22); cursor: pointer; -webkit-tap-highlight-color: transparent;
}
body.lcd-1v .lcd1v-lista button.lcd1v-lista__kos:focus-visible { outline: 2px solid var(--c1v-gold); outline-offset: 3px; }

/* ---------- rozmery ---------- */
@media (min-width: 901px) {
  body.lcd-1v #product-detail-form .p-detail-inner-header h1 { font-size: 32px; }
  body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__suma { font-size: 46px; }
}
@media (max-width: 380px) {
  body.lcd-1v #product-detail-form .p-detail-inner-header h1 { font-size: 24px; }
  body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__suma { font-size: 36px; }
}
/* úzke telefóny: poznámka pod cenou v dvoch riadkoch bez bodky */
@media (max-width: 359px) {
  body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__pozn { flex-direction: column; gap: 0; }
  body.lcd-1v #product-detail-form .lcd1v-cena .lcd1v-cena__bod { display: none; }
}
@media (max-width: 340px) {
  body.lcd-1v #product-detail-form .p-detail-inner-header h1 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  body.lcd-1v .lcd1v-lista, body.lcd-1v .lcd1v-lista.on { transition: none; }
  body.lcd-1v #product-detail-form a.lcd1v-hodn i,
  body.lcd-1v #product-detail-form .p-info-wrapper > .add-to-cart button.add-to-cart-button { transition: none; }
}
/* ===== LCD-1V-CENA END ===== */

/* ===== LCD-1V-DRUHA START - generovane tools/vloz-lcd-css.py z _lcd1v-druha.scss (konfigurator 1V: ponuka druhej vrstvy na jednovrstvovych; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V ponuka druhej vrstvy na jednovrstvových 598 / 610 / 613 (Michal 14. 10. 2026) — návrh druha-vrstva.html.
   Platí LEN pod body.lcd-1v (brána ?novy=1). Bez triedy sa nič nemení.
   Vlastník: assets/js/components/konfigurator1v/druha-vrstva.js. Kontrakt: docs/1v-kontrakt.md.
   Čisté CSS (súbor sa nekompiluje Sassom, tools/vloz-lcd-css.py ho vkladá do luxuryCar.css ako blok LCD-1V-DRUHA).

   Karta .lcd1v-krok.lcd1v-druha je nový prvok v .content-wrap hneď za krokom Farba: obal a hlavička ako ostatné karty
   (_lcd1v-kroky.scss), ale BEZ čísla kroku (skrytý krok — počty „Krok N z 6“ a postup sa nemenia). Dlaždica (div) má
   vzhľad kariet kroku Rohož do kufra (.lcd1v-kb__karta, _lcd1v-kufor-boxy.scss) a dole zlaté tlačidlo „Áno, chcem druhú
   vrstvu“ (Michal 15. 10. 2026: aby bolo jasné, že sa na to dá kliknúť), „Nie, ďakujem“ má vzhľad zeleného
   „Pokračujte ďalej“. */

body.lcd-1v #product-detail-form .lcd1v-druha[hidden],
body.lcd-1v #product-detail-form .lcd1v-druha [hidden] {
  display: none !important;
}

/* bez čísla: nezodpovedaná karta má namiesto čísla prázdne miesto (zarovnanie s ostatnými kartami), zodpovedaná fajku */
body.lcd-1v #product-detail-form .lcd1v-druha:not(.lcd1v-hotovy) .lcd1v-no {
  visibility: hidden;
}
/* otvorená karta: nadpis „Druhá vrstva“ v mieste „Krok N z 6“ (bez čísla) */
body.lcd-1v #product-detail-form .lcd1v-druha.active > .lcd1v-pod {
  margin: 0 0 16px;
}
body.lcd-1v #product-detail-form .lcd1v-druha .lcd1v-druha__volby {
  margin: 0;
}
body.lcd-1v #product-detail-form .lcd1v-druha .lcd1v-kb__ben {
  padding-right: 4px;
}
/* jediný riadok účtu (Príplatok): bez druhej, plnej čiary pod čiarkovanou čiarou účtu */
body.lcd-1v #product-detail-form .lcd1v-druha .lcd1v-kb__r--sum {
  margin-top: 0;
  border-top: 0;
}
/* zlaté tlačidlo „Áno“ = doplnok (farby ako „Pridať“ v košíku), cez celú šírku dlaždice pod fotkou a textom */
body.lcd-1v #product-detail-form .lcd1v-druha .lcd1v-druha__ano {
  grid-column: 1 / -1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: none;
  height: 52px;
  min-height: 0;
  margin: 2px 10px 10px;
  padding: 0 16px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, #e2be5c 0%, #c49b31 55%, #b18822 100%);
  box-shadow: 0 8px 18px rgba(196, 155, 49, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  color: var(--kb-ink);
  font: 900 14px/1.2 var(--kb-disp);
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
  cursor: pointer;
  transition: filter 0.15s, transform 0.15s, box-shadow 0.15s;
  -webkit-appearance: none;
  appearance: none;
}
/* prejdenie myšou nad dlaždicou zvýrazní aj tlačidlo (dlaždica je klikateľná celá) */
body.lcd-1v #product-detail-form .lcd1v-druha .lcd1v-druha__dlazdica:hover .lcd1v-druha__ano,
body.lcd-1v #product-detail-form .lcd1v-druha .lcd1v-druha__ano:hover {
  filter: brightness(1.07);
  box-shadow: 0 11px 22px rgba(196, 155, 49, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transform: translateY(-1px);
}
body.lcd-1v #product-detail-form .lcd1v-druha .lcd1v-druha__ano:focus-visible {
  outline: 3px solid var(--kb-ink);
  outline-offset: 3px;
}
body.lcd-1v #product-detail-form .lcd1v-druha .lcd1v-druha__ano:disabled {
  cursor: default;
  opacity: 1;
  filter: none;
  transform: none;
}
/* po „Áno“ (prenos): dlaždica ako zvolená karta */
body.lcd-1v #product-detail-form .lcd1v-druha.lcd1v-druha--prenos .lcd1v-druha__dlazdica {
  border-color: var(--kb-gold);
  box-shadow: 0 0 0 1px var(--kb-gold), 0 8px 20px rgba(140, 105, 25, 0.18);
  cursor: default;
}

/* správa pri prenose (Áno) */
body.lcd-1v #product-detail-form .lcd1v-druha__prenos {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 14px 0 0;
  padding: 14px 16px;
  border: 1px solid rgba(196, 155, 49, 0.45);
  border-radius: 14px;
  background: #faf6ea;
  text-align: left;
}
body.lcd-1v #product-detail-form .lcd1v-druha__toc {
  flex: none;
  width: 26px;
  height: 26px;
  box-sizing: border-box;
  border: 3px solid rgba(196, 155, 49, 0.25);
  border-top-color: #c49b31;
  border-radius: 50%;
  animation: lcd1v-druha-toc 0.9s linear infinite;
}
@keyframes lcd1v-druha-toc {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  body.lcd-1v #product-detail-form .lcd1v-druha__toc {
    animation: none;
  }
}
body.lcd-1v #product-detail-form .lcd1v-druha__prenos-t {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
body.lcd-1v #product-detail-form .lcd1v-druha__prenos-t b {
  color: var(--kr-ink);
  font: 700 15.5px/1.3 var(--kr-disp);
}
body.lcd-1v #product-detail-form .lcd1v-druha__prenos-t span {
  color: #4f4836;
  font: 400 14px/1.4 var(--kr-body);
  overflow-wrap: anywhere;
}

/* „Nie, ďakujem“ = zelená hlavná cesta (rovnaký vzhľad ako „Pokračujte ďalej“ v _lcd1v-kroky.scss) */
body.lcd-1v #product-detail-form .lcd1v-druha > .lcd1v-druha__nie {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  height: 56px;
  min-height: 0;
  margin: 22px 0 0;
  padding: 0 26px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(100deg, #1d6b4a, #2f9c68 42%, #1f7350);
  box-shadow: 0 10px 26px rgba(31, 115, 80, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  color: #fff;
  font: 900 14px/22.4px var(--kr-disp);
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: box-shadow 0.2s, transform 0.2s, opacity 0.2s;
  -webkit-appearance: none;
  appearance: none;
}
body.lcd-1v #product-detail-form .lcd1v-druha > .lcd1v-druha__nie:hover {
  box-shadow: 0 14px 30px rgba(31, 115, 80, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  transform: translateY(-1px);
}
body.lcd-1v #product-detail-form .lcd1v-druha > .lcd1v-druha__nie:focus-visible {
  outline: 3px solid var(--kr-gold);
  outline-offset: 3px;
}
body.lcd-1v #product-detail-form .lcd1v-druha > .lcd1v-druha__nie:disabled {
  opacity: 0.45;
  cursor: default;
  transform: none;
  box-shadow: none;
}
body.lcd-1v #product-detail-form .lcd1v-druha > .lcd1v-hd:disabled {
  cursor: default;
}
/* ===== LCD-1V-DRUHA END ===== */

/* ===== LCD-1V-OBSAH START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah.scss (obsah 1V: brana, miesto pod konfiguratorom, skrytie stareho popisu; okrem stlpca paticky len body.lcd-1v), needituj rucne ===== */
/* LCD-1V-OBSAH — ZÁKLAD obsahu pod konfigurátorom 1V (návrh v26: ponuka dvojvrstvových … Kúpiť a nečakať).
   Spoločný súbor (koordinátor), sekcie majú vlastné partialy _lcd1v-obsah-a|b|c|d.scss. Pravidlá: docs/1v-obsah.md.
   Čisté CSS (nekompiluje sa Sassom, tools/vloz-lcd-css.py ho vkladá do luxuryCar.css bajt po bajte).

   Korene obsahu = statické HTML zo Shoptet adminu: <div id="p1v-598-N" class="p1v-obsah" data-lcd-cast="p1v-598-N"
   data-lcd-brana="1v" style="display:none">. Bez flagu ?novy=1 neviditeľné; JS (konfigurator1v/obsah.js) ich pod
   body.lcd-1v presunie do .p1v-miesto pred záložky produktu a body dostane .lcd-1v-obsah.
   Štýly titulky (blok LCD-HOME: premenné --ink/--gold…, .chapter, .wrap, h2, .lede, lx-* moduly, .deck, .revs…)
   platia aj na korene obsahu: vloz-lcd-css.py rozširuje :is(#lcd-home,…) o „body.lcd-1v [data-lcd-cast^=p1v]“.
   Skupiny teda píšu len to, čím sa produktová stránka v návrhu líši od titulky. */

/* 1) Pre VŠETKÝCH (aj bez flagu) — jediné pravidlo mimo body.lcd-1v: v teste je obsah ako banner v pätičke každej
      SK stránky. Jeho stĺpec pätičky (.custom-footer > div, Shoptet mu dáva šírku 33 %) sa nezobrazí; po presune
      obsahu (obsah.js) prázdny stĺpec tiež. Po spustení (obsah v Popise produktu) pravidlo nič nevyberá. */
.custom-footer > div:has([data-lcd-brana]),
.custom-footer > div[data-p1v-prazdny]{display:none !important}

/* 2) Brána: koreň sa ukáže len na mieste pod konfigurátorom a len pod body.lcd-1v (inline display:none prebije !important) */
body.lcd-1v .p1v-miesto > [data-lcd-cast^=p1v]{display:block !important;width:100%}

/* 3) Starý popis (záložky Popis / Diskusia vrátane Dodatočných parametrov) skrytý, keď je nový obsah na mieste.
      Ostáva v DOM (main.js, popisModuly.js, productPage.js naň kotvia). */
body.lcd-1v.lcd-1v-obsah .p-detail > .shp-tabs-wrapper{display:none !important}

/* 3b) Starý banner „Hľadáte ešte lepšiu ochranu? … Preferuje až 90% zákazníkov · CHCEM TO!“ medzi konfigurátorom
      a obsahom: vzorkovník 637 ho má mimo formulára (.p-detail > .benefitBanner.position--benefitProduct), ostatné
      produkty vo formulári (skrývajú ho pravidlá typov). Žiadny návrh ho nemá a číslo 90 % nie je overené (D3). */
body.lcd-1v .p-detail > .benefitBanner.position--benefitProduct{display:none !important}

/* 4) Miesto obsahu na celú šírku stránky (= .overall-wrapper, bez posuvníka): --p1v-sirka a --p1v-vlavo (posun od
      obsahu rodiča .p-detail) nastaví obsah.js podľa skutočnej geometrie; záloha bez nich = šírka okna. */
body.lcd-1v .p1v-miesto{display:block;position:relative;clear:both;box-sizing:border-box;
  width:var(--p1v-sirka, 100vw);max-width:none;
  margin:0 0 0 var(--p1v-vlavo, calc(50% - 50vw));padding:0}

/* 5) Kapitoly návrhu: .kap[data-k=1–4] = 4 tematické skupiny sekcií, 2. a 4. na svetlom podklade, medzi skupinami
      vlasová linka (návrh r. 2297–2316). Kapitola 2 má sekcie dvoch skupín (B pred a po + C kam siahajú), preto ju
      nesie obal každej sekcie: data-lcd-kap="N" (admin-html/src/p1v-598/*: hlavička súboru hovorí, ktorú). Vlastný
      podklad sekcie (napr. tmavá .after-dark z bloku LCD-HOME, špecificita id) má prednosť. */
body.lcd-1v .p1v-miesto :is([data-lcd-kap="2"],[data-lcd-kap="4"]){background:var(--sand)}
body.lcd-1v .p1v-miesto :is([data-lcd-kap="1"] + [data-lcd-kap="2"],[data-lcd-kap="2"] + [data-lcd-kap="3"],
  [data-lcd-kap="3"] + [data-lcd-kap="4"]){border-top:1px solid rgba(155,122,36,.16)}
/*    jednotný rytmus kapitol návrhu (.kap > section.chapter): menšie odsadenie než titulka. Blok LCD-HOME ARMOR dáva
      .chapter padding s !important a špecificitou id (mobil 64 px, PC 5,4vw) -> selektor s id koreňov (1,3,2) ho prebije.
      Sekcie skupiny A (ponuka, referencie, recenzie) sú v návrhu mimo kapitol, rytmus im dáva _lcd1v-obsah-a.scss. */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) :is(section.chapter[data-lcd-kap],[data-lcd-kap] > section.chapter){
  padding-top:clamp(38px,4.8vw,68px) !important;padding-bottom:clamp(38px,4.8vw,68px) !important}
/*    linka medzi sekciami tej istej kapitoly (bez id: skupina ju vie zrušiť, napr. B pred porovnaním za scénou materiálu) */
body.lcd-1v .p1v-miesto :is([data-lcd-kap="1"] + [data-lcd-kap="1"],[data-lcd-kap="2"] + [data-lcd-kap="2"],
  [data-lcd-kap="3"] + [data-lcd-kap="3"],[data-lcd-kap="4"] + [data-lcd-kap="4"]):is(section.chapter,:has(> section.chapter:first-child)){
  border-top:1px solid rgba(155,122,36,.14)}

/* 6) Spoločný vzhľad návrhu pre všetky sekcie (v návrhu globálne pravidlá; titulka ich nemá):
      a) nadpisy modulov zlaté ako kov (návrh patch27 „.chapter h2“ + „.pinhead h2“); svetlé zlato na tmavom podklade
         (.ups, vzorky, záver) si dávajú skupiny samy s vyššou alebo rovnakou špecificitou neskôr v kaskáde;
      b) úvodný odsek modulu krátky (návrh r. 1816 „.lede{max-width:46ch}“);
      c) reveal .rv: titulka ho skrýva (opacity 0 až do .on). Kým obsah.js neprevezme odhaľovanie (.p1v-rv na obale
         sekcie), je .rv viditeľné — bez JS alebo pri chybe skupiny nič neostane skryté;
      d) text len pre čítačky (TinyMCE: tlačidlo so šípkou musí mať text). */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) :is(.chapter h2,.pinhead h2){color:#8f7020;
  background:linear-gradient(100deg,#8a6b1c,#c49b31 42%,#e0bd63 60%,#96751f);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/*    b) bez úvodu scén a záveru: titulka (LCD-HOME) má .pinhead .lede 70ch, .setb .lede 54ch, .end .lede 56ch a návrhy ich
         preberajú; 46ch s vyššou špecificitou ich prebíjalo (úvod Deväť vecí/Materiál a záver užšie než v návrhu, jadroChyby T1.3, T3.3) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .lede:not(.pinhead .lede,.setb .lede,.end .lede){max-width:46ch}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia]:not(.p1v-rv) .rv,
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia].rv:not(.p1v-rv){opacity:1;transform:none}
body.lcd-1v :is(.p1v-miesto .sr-only,.p1v-sr){position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* 7) Lepené scény (galéria, pred a po, deväť vecí, materiál): Shoptet dáva #content-wrapper overflow:hidden, takže
      position:sticky vo vnútri nelepí (lxModulyOziv dá scéne .lx-bez-lepu) a miesto obsahu na celú šírku stránky
      (.p1v-miesto je širšie než #content-wrapper) by bolo orezané. Vodorovný posun stránky strihá .overall-wrapper (clip).
      - od 761 px visible: clip by orezal miesto na šírku #content-wrapper (na PC 44 px z každej strany);
      - telefón len overflow-x:clip: #content-wrapper je tam na celú šírku okna (overené 360/390 px), vodorovne orezáva
        ako doteraz, ale nie je rolovacím kontajnerom -> pred a po lepí ako v návrhu aj na titulke. Zvislo visible:
        obsah končí o zlomok px nižšie než #content-wrapper (Shoptet), celé clip by orezalo spodný riadok px (sonda testu).
        Galéria sa na telefóne nelepí aj tak (LCD-HOME do 760 px position:relative). */
@media(min-width:761px){body.lcd-1v.lcd-1v-obsah #content-wrapper{overflow:visible !important}}
@media(max-width:760px){body.lcd-1v.lcd-1v-obsah #content-wrapper{overflow:visible !important;overflow-x:clip !important}}

/* 8) Starý blok FAQ pri konfigurátore (components/index.js ho vkladá do .p-info-wrapper z /faq/) je s novým obsahom
      dvakrát — nový FAQ je dole (skupina D). Skrytý len keď nový naozaj je; ostáva v DOM. */
body.lcd-1v.lcd-1v-obsah:has(.p1v-miesto [data-lcd-sekcia="d-faq"]) .p-info-wrapper > .faq.container{display:none !important}

/* 9) Lepivá lišta konfigurátora (telefón a tablet do 991 px, LCD-1V-CENA, z-index 60) je pod konfigurátorom stále
      zapnutá (body.lcd1v-lista-on). Prilepená scéna má výšku okna a jej spodná lišta (.pinfoot: postup, „Zostavte si
      set“) by ležala pod ňou -> spodok scény o výšku lišty vyššie. Pred a po lepí aj na telefóne (bod 7), galéria len od
      761 px. Okno #p1v-lb (2147483001) a linka čítania (2147483000) sú nad lištou, hlavičkou aj chatom Luxia. */
@media(max-width:991px){
  body.lcd-1v.lcd1v-lista-on .p1v-miesto .lx-pp:not(.lx-bez-lepu) .lx-pin{
    padding-bottom:calc(clamp(14px,2.4vh,26px) + var(--c1v-lista-h,71px) + env(safe-area-inset-bottom,0px)) !important}
}
@media(min-width:761px) and (max-width:991px){
  body.lcd-1v.lcd1v-lista-on .p1v-miesto .lx-gal:not(.lx-bez-lepu) .lx-gal-pin{
    padding-bottom:calc(clamp(14px,2.4vh,26px) + var(--c1v-lista-h,71px) + env(safe-area-inset-bottom,0px)) !important}
}
/* ===== LCD-1V-OBSAH END ===== */

/* ===== LCD-1V-OBSAH-A START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah-a.scss (obsah 1V skupina A: ponuka dvojvrstvovych, referencie, galeria, recenzie; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V-OBSAH-A — obsah pod konfigurátorom 1V, SKUPINA A: recenzie, referenčné videá, galéria, ponuka dvojvrstvových (poradie 598 od 15. 10. 2026).
   Vlastník: worker skupiny A (+ konfigurator1v/obsah-a.js, admin-html/src/p1v-598/1x-a-*.sk.html). Pravidlá: docs/1v-obsah.md.
   Čisté CSS (nekompiluje sa Sassom; tools/vloz-lcd-css.py ho vkladá do luxuryCar.css). KAŽDÝ selektor začína
   body.lcd-1v. Základ titulky (blok LCD-HOME: .chapter, .wrap, h2, .lede, .btn, .deck.refs/.ref-v, lx galéria,
   .revhead/.revs/.rev) na koreňoch obsahu už platí — tu sú len rozdiely podľa návrhu v26 (merané computed styles
   návrhu na 390 a 1280 px). Pravidlá titulky majú špecificitu id, preto :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) pred sekciou. */

/* --- spoločné pre sekcie A (reveal .rv, zlaté nadpisy, .lede 46ch, .sr-only a overflow pre lepené scény sú v základe
       LCD-1V-OBSAH bod 6–7) --- */
/* rytmus sekcií mimo kapitol (návrh: .chapter{padding-top/bottom:clamp(46px,6vw,86px)}, .chapter + .chapter linka) */
/* (blok LCD-HOME ARMOR dáva .chapter padding s !important a id — preto aj tu !important) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) section.chapter[data-lcd-sekcia^="a-"]{
  padding-top:clamp(46px,6vw,86px) !important;padding-bottom:clamp(46px,6vw,86px) !important}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) section.chapter[data-lcd-sekcia^="a-"] + section.chapter[data-lcd-sekcia^="a-"]{
  border-top:1px solid rgba(155,122,36,.16)}

/* --- a-ponuka: tmavá karta „Jazdíte aj v zime?“ (návrh .ups) --- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--deep);color:#fff;
  border-radius:20px;overflow:hidden}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups .ph{position:relative;min-height:190px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups .ph img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups .tx{padding:clamp(20px,2.6vw,32px)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups .od{display:inline-block;padding:6px 11px;border-radius:999px;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a;
  font-family:var(--disp);font-size:9.5px;font-weight:800;line-height:1.6;letter-spacing:.1em;text-transform:uppercase}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups h3{margin:12px 0 0;font-size:clamp(19px,2.3vw,26px);line-height:1.2;
  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}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups p{margin:10px 0 0;max-width:46ch;color:rgba(255,255,255,.82);font-size:14px;line-height:1.6}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups ul{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups li{position:relative;margin:0;padding:0 0 0 19px;font-size:13.5px;line-height:1.6;color:#fff}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold))}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups .btn{margin-top:18px;border:0}
@media(max-width:820px){body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups{grid-template-columns:1fr}}
@media(max-width:520px){body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-ponuka"] .ups ul{grid-template-columns:1fr}}

/* --- a-referencie: pás 9:16 kariet (titulka) — rozdiely návrhu v26 (patch37) --- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-referencie"] .lede{margin-top:14px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-referencie"] .deckwrap{margin-top:26px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-referencie"] .ref-v{box-shadow:0 4px 16px rgba(20,15,5,.1)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-referencie"] .ref-play{box-shadow:0 6px 20px rgba(0,0,0,.35)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-referencie"] .ref-v:hover .ref-play{background:rgba(255,255,255,.94);border:0}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-referencie"] .ref-v:hover .ref-play:after{border-left-color:#17130a}
@media(max-width:820px){body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-referencie"] .deck.refs{gap:10px}}

/* --- a-galeria: modul lx z titulky. Na telefóne sa nelepí (LCD-HOME do 760 px: nekonečný pás, karty 62vw ako titulka
       a návrh). Pravidlá .lx-bez-lepu nižšie sú záloha, keby niektorý predok predsa mal overflow:hidden (základ bod 7
       dáva #content-wrapper na telefóne overflow-x:clip) --- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-galeria"] .pf-cta{border:0}
/*    tablet a PC: #content-wrapper bez overflow:hidden (lepenie) dáva základ LCD-1V-OBSAH bod 7 */
@media(max-width:760px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-galeria"].lx-bez-lepu :is(.lx-gal-k,.lx-gal-k.lx-klon){width:62vw}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-galeria"].lx-bez-lepu .lx-gal-pin{padding-block:clamp(56px,12vw,80px) 28px}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-galeria"].lx-bez-lepu .lx-gal-trat{padding-bottom:0}
  /* miesto pre ikonu chatu (LCD-HOME ARMOR, 84 px) treba len v prilepenej scéne na PC; tu „Zostavte si set“ vpravo ako návrh */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-galeria"] .pinfoot{padding-right:0 !important}
}

/* --- sekcia A za tmavou galériou (.after-dark, návrh: väčšie odsadenie hore). Do 15. 10. 2026 to boli vždy recenzie; v 598
       a dvoj sú odvtedy recenzie PRVÉ pod konfigurátorom (rytmus ako ostatné A) a za galériou je a-ponuka. Iné kľúče bez zmeny. --- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) section.chapter.after-dark[data-lcd-sekcia^="a-"]{padding-top:clamp(70px,10vw,156px) !important}

/* --- a-recenzie: hlavička a tlačidlá ako návrh v26 (titulka má novšie zlaté/tmavé tlačidlá, tie tu neplatia) --- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] h2 + .revhead{margin-top:clamp(16px,2.2vw,26px)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .revhead .stars{line-height:1}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .revhead .cta{gap:10px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .revhead .cta .btn{min-height:0;padding:13px 24px !important;gap:12px;
  font-size:11.5px;letter-spacing:.09em;border-radius:12px;justify-content:flex-start;text-align:inherit}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .revhead .cta .btn:before,
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .revhead .cta .btn:after{display:none;content:none}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .revhead .cta .btn.ghost{background:var(--ink);color:#f4f0e6;
  border:1px solid var(--ink);box-shadow:0 6px 18px rgba(20,15,5,.22)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .revhead .cta .btn.ghost:hover{background:#000;border-color:#000;color:#fff}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .revhead .cta .btn.ghost + .btn.ghost{background:none;color:var(--ink);
  border:2px solid var(--gold);box-shadow:none}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .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){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="a-recenzie"] .revhead .cta .btn{flex:1 1 0%;justify-content:center;font-size:11.5px;
    letter-spacing:.09em}
}
/*    kým nie sú dáta (window.LCD_REVIEWS), skóre a pás neviditeľné; bez dát sekcia preč */
body.lcd-1v [data-lcd-sekcia="a-recenzie"]:not(.p1v-rev-ok) :is(.revhead .score,.revhead .sub,.revwrap){visibility:hidden}
body.lcd-1v [data-lcd-sekcia="a-recenzie"].p1v-rev-bez{display:none !important}
/* ===== LCD-1V-OBSAH-A END ===== */

/* ===== LCD-1V-OBSAH-B START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah-b.scss (obsah 1V skupina B: devat veci, material, porovnanie, pred a po; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V-OBSAH-B — obsah pod konfigurátorom 1V, SKUPINA B: Deväť vecí, materiál, porovnanie + výzva, pred a po.
   Vlastník: worker skupiny B (+ konfigurator1v/obsah-b.js, admin-html/src/p1v-598/2x-b-*.sk.html). Pravidlá: docs/1v-obsah.md.
   Čisté CSS (nekompiluje sa Sassom; tools/vloz-lcd-css.py ho vkladá do luxuryCar.css). KAŽDÝ selektor začína
   body.lcd-1v (najlepšie body.lcd-1v [data-lcd-sekcia="b-…"] …). Žiadne @import, žiadne premenné na :root.
   Základ titulky (blok LCD-HOME) na koreňoch obsahu už platí — tu len rozdiely oproti titulke podľa návrhu v26.
   Obrázky: assets/img/1v/obsah/b-* (CDN absolútna adresa …/eshopy/luxuryCar/assets/img/1v/obsah/…).

   Špecificita: pravidlá titulky sú :is(#lcd-home,…) .x = (1,1,0). Tu predpona
   body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-…"] = (1,3,1) -> vyhrá bez !important.
   Zlom „statická scéna“ = ako LCD-HOME: telefón do 900 px + tablet na výšku (dotyk) do 1199 px. */

/* =============================================================== 0) SPOLOČNÉ PRE SEKCIE B */
/* zlaté nadpisy (.chapter h2, .pinhead h2), .lede 46ch, reveal .rv a rytmus kapitol dáva základ LCD-1V-OBSAH bod 5–6 */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) :is([data-lcd-sekcia="b-ocakavat"],[data-lcd-sekcia="b-material"]) .pinhead h2{margin-bottom:10px}
/* zlaté tlačidlá bez tmavého rámika živého .btn (návrh: len prechod a tieň) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia^="b-"] :is(.pf-cta,.spat-btn){border:0}

/* =============================================================== 1) DEVÄŤ VECÍ (b-ocakavat) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t h3{color:var(--ink)}
/* PC: scéna titulky (.stage2/.pin2) — rozdiely návrhu: 9 krokov, náhľady v 9 stĺpcoch (pod 1200 px v 5),
   fotky náhľadov z CSS (v HTML len tlačidlá s číslom — bez flagu sa nič nestiahne). */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs{grid-template-columns:repeat(9,1fr);gap:clamp(4px,.6vw,9px)}
@media(max-width:1200px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs{grid-template-columns:repeat(5,1fr)}
}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs button{aspect-ratio:1/1;background:#1d1a14}
/* fotka náhľadu = pozadie ::before (obrázok nižšie podľa data-i); stlmenie ako <img> na titulke, číslo <b> ostáva ostré */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs button:before{content:"";position:absolute;inset:0;
  background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.5) brightness(.72);transition:filter .32s}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs button:hover:before{filter:saturate(.85) brightness(.9)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs button.on:before{filter:none}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs button b{font-size:9px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="0"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/f01.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="1"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/f02.jpg?v=2)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="2"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/poukazka/m-08c360575353.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="3"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/f03.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="4"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/f04.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="5"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/f05.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="6"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/b-ocakavat-farba-interieru.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="7"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/b-ocakavat-treti-rad.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="8"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/b-ocakavat-zvierata.jpg)}

/* Telefón / tablet na výšku = návrh #s2Mob, ale z TOHO ISTÉHO markupu (žiadna kópia v HTML):
   .pinmain je vodorovný posuvný grid, obaly fotiek a textov sú display:contents, takže fotka i je v 1. riadku a
   text i v 2. riadku stĺpca i (= karta). .s2-rail = okrúhle bodky v 3. riadku, prilepené vľavo (sticky), aby sa
   neposúvali s kartami. Prilepená scéna, štítky, úvodná veta, veľké číslo, náhľady a spodná lišta sú skryté. */
@media(max-width:900px), (min-width:901px) and (max-width:1199px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  /* odsadenie nesie .stage2 (LCD-HOME dáva sekciám padding:0 !important) */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .stage2{height:auto !important;padding:clamp(28px,7vw,48px) 0 calc(clamp(24px,6vw,40px) - 18px)}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .pin2{position:static;height:auto;display:block;padding:0;max-width:none}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .pin2:before,
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] :is(.pintop,.pinhead .lede,.pinfoot,.s2-big,.s2-thumbs){display:none}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .pinhead{margin:0 0 16px;padding:0 var(--pad);max-width:none}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .pinhead h2{font-size:clamp(21px,6.4vw,30px)}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .pinmain{display:grid;grid-template-columns:none;
    grid-auto-columns:86%;grid-template-rows:auto auto auto;column-gap:14px;row-gap:0;align-items:stretch;align-content:start;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);overscroll-behavior-x:contain;
    padding:4px var(--pad) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .pinmain::-webkit-scrollbar{display:none}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] :is(.s2-media,.s2-body,.s2-col,.s2-texts){display:contents}
  /* stmavenie veľkej fotky z PC (.s2-media:after) by pri display:contents prekrylo celý karusel */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-media:after{display:none}
  /* fotka = vrch karty */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-media img{grid-row:1;position:relative;inset:auto;
    width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;opacity:1;transform:none;transition:none;
    border-radius:18px 18px 0 0;border:1px solid var(--line);border-bottom:0;background:var(--deep);scroll-snap-align:center}
  /* text = spodok karty (rovnaká výška v riadku gridu) */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t{grid-area:auto;grid-row:2;position:relative;inset:auto;opacity:1;transform:none;
    pointer-events:auto;transition:none;display:block;background:var(--paper);border:1px solid var(--line);border-top:0;
    border-radius:0 0 18px 18px;padding:15px 16px 18px;box-shadow:0 10px 20px -8px rgba(20,15,5,.12);margin-bottom:14px}
  /* číslo karty („01“) dole na fotke, nad stmavením */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t:before{position:absolute;left:14px;bottom:calc(100% + 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);pointer-events:none}
  /* stmavenie spodku fotky (návrh .s2m-ph:after) — fotka je 16:10 a široká ako text, takže ju prekryje presne */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t:after{content:"";position:absolute;left:-1px;right:-1px;bottom:100%;
    aspect-ratio:16/10;border-radius:18px 18px 0 0;background:linear-gradient(180deg,transparent 50%,rgba(8,6,4,.58));pointer-events:none}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t[data-i="0"]:before{content:"01"}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t[data-i="1"]:before{content:"02"}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t[data-i="2"]:before{content:"03"}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t[data-i="3"]:before{content:"04"}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t[data-i="4"]:before{content:"05"}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t[data-i="5"]:before{content:"06"}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t[data-i="6"]:before{content:"07"}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t[data-i="7"]:before{content:"08"}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t[data-i="8"]:before{content:"09"}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t .k{font-size:10.5px}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t h3{margin:9px 0;font-size:19px}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-t p{margin:0;font-size:14.5px;line-height:1.6;max-width:none}
  /* bodky: 3. riadok cez všetky karty (spodný padding = tieň zväčšenej aktívnej bodky, pás má overflow-y:hidden), prilepené na ľavom okraji posuvníka (left:0 = okraj obsahu, padding už v ňom je) */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-rail{grid-row:3;grid-column:1 / span 9;justify-self:start;
    position:sticky;left:0;width:calc(100vw - 2 * var(--pad));box-sizing:border-box;
    display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:12px;padding:8px 0 24px}
  /* 9 bodiek v jednom riadku: na úzkom displeji sa zúžia na ovály (ako návrh) */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-rail button{flex:0 1 46px;min-width:0;width:46px;height:46px;border-radius:50%;
    border:1.5px solid var(--line);background:var(--paper);font-size:0;color:var(--ink);
    box-shadow:0 3px 10px rgba(20,15,5,.08);transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-rail button:before{display:none}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-rail button span{display:none}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-rail{counter-reset:p1v-b-bodka}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-rail button:after{counter-increment:p1v-b-bodka;content:counter(p1v-b-bodka);
    font-family:var(--disp);font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-ocakavat"] .s2-rail 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)}
}

/* =============================================================== 2) MATERIÁL (b-material) */
/* titulka má #matWrap / #legend (id); obsah 1V id mať nesmie -> tie isté pravidlá na triedy .matwrap / .legend */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .matwrap{position:relative;perspective:2400px;perspective-origin:50% 47%;
  display:flex;align-items:center;justify-content:center;min-height:0;isolation:isolate}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .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%)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .legend{justify-content:center;gap:clamp(2px,.6vh,8px)}
/* 3D rez je na telefóne širší ako okno (náklon + zväčšenie) — orezať na okraji sekcie (clip nevytvára posuvník, sticky funguje) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"]{overflow-x:clip}
/* body na vrstvách: poloha (na titulke inline style) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .exp .hot{left:12%;top:81%}
/* farby hrán vrstiev (na titulke inline style, rovnaké hodnoty) */
body.lcd-1v [data-lcd-sekcia="b-material"] .mbox[data-l="0"]{--t:16px;--cf:rgb(50,51,63);--cb:rgb(28,28,35);--cl1:rgb(60,60,72);--cl2:rgb(37,38,47);--cr:rgb(29,30,37);--ct1:rgb(83,84,97);--ct2:rgb(55,56,67);--cbt:rgb(24,24,30)}
body.lcd-1v [data-lcd-sekcia="b-material"] .mbox[data-l="1"]{--t:16px;--cf:rgb(240,240,240);--cb:rgb(132,132,132);--cl1:rgb(240,240,240);--cl2:rgb(178,178,178);--cr:rgb(139,139,139);--ct1:rgb(255,255,255);--ct2:rgb(226,226,226);--cbt:rgb(115,115,115)}
body.lcd-1v [data-lcd-sekcia="b-material"] .mbox[data-l="2"]{--t:16px;--cf:rgb(241,241,243);--cb:rgb(133,133,134);--cl1:rgb(241,241,243);--cl2:rgb(178,178,180);--cr:rgb(140,140,141);--ct1:rgb(255,255,255);--ct2:rgb(227,227,229);--cbt:rgb(116,116,117)}
body.lcd-1v [data-lcd-sekcia="b-material"] .mbox[data-l="3"]{--t:16px;--cf:rgb(246,245,244);--cb:rgb(135,135,134);--cl1:rgb(246,245,244);--cl2:rgb(182,181,181);--cr:rgb(143,142,142);--ct1:rgb(255,255,255);--ct2:rgb(231,230,230);--cbt:rgb(118,118,117)}
body.lcd-1v [data-lcd-sekcia="b-material"] .mbox[data-l="4"]{--t:16px;--cf:rgb(30,30,30);--cb:rgb(16,16,16);--cl1:rgb(40,40,40);--cl2:rgb(22,22,22);--cr:rgb(17,17,17);--ct1:rgb(62,62,62);--ct2:rgb(37,37,37);--cbt:rgb(14,14,14)}
/* vzorky v legende (na titulke inline style) */
body.lcd-1v [data-lcd-sekcia="b-material"] .leg[data-l="0"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex5.jpg)}
body.lcd-1v [data-lcd-sekcia="b-material"] .leg[data-l="1"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex4.jpg)}
body.lcd-1v [data-lcd-sekcia="b-material"] .leg[data-l="2"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex3.jpg)}
body.lcd-1v [data-lcd-sekcia="b-material"] .leg[data-l="3"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex2.jpg)}
body.lcd-1v [data-lcd-sekcia="b-material"] .leg[data-l="4"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex1.jpg)}
@media(min-width:901px){
  /* scéna kratšia ako na titulke (240 vh): návrh má 140 vh */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .stage{height:140vh !important}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] :is(.matwrap,.legend){max-height:100%}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .legend{overflow-y:auto;scrollbar-width:thin;
    scrollbar-color:rgba(155,122,36,.45) transparent;justify-content:safe center}
}
@media(min-width:901px) and (max-height:949px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .legend{--sw:clamp(28px,calc(4.4vh + .2px),42px)}
}
@media(min-width:901px) and (max-height:680px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .legend{gap:2px}
}
@media(max-width:900px), (min-width:901px) and (max-width:1199px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .matwrap{display:block}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-material"] .legend{gap:2px;height:auto}
}

/* =============================================================== 3) POROVNANIE + VÝZVA (b-porovnanie) */
/* návrh: linka medzi sekciami kapitoly len medzi dvoma .chapter — pred porovnaním je scéna materiálu, linka nie je */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-porovnanie"]{border-top:0}
/* naša cena „od …“ príde zo živých dát (obsah-b.js); kým nie je, riadok sa neukáže */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-porovnanie"] .p1v-b-od:not(.ma-cenu){display:none}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-porovnanie"] .lede{margin-top:14px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-porovnanie"] .cmp{margin-top:34px}
/* výzva „potichu“ (návrh patch41): jeden riadok na podklade sekcie, bez pásu */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-porovnanie"] .spat{display:flex;max-width:1240px;margin:0 auto;box-sizing:border-box;
  align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(12px,2vw,22px);
  padding:clamp(20px,2.6vw,30px) var(--pad) clamp(32px,4vw,50px)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-porovnanie"] .spat > p{margin:0;font-family:var(--disp);font-weight:800;color:var(--ink);
  font-size:clamp(15px,1.6vw,19px);line-height:1.3}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-porovnanie"] .btn.spat-btn{flex:none;height:50px;padding:0 26px !important;font-size:12px;
  letter-spacing:.1em;margin:0}
@media(max-width:640px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-porovnanie"] .spat{flex-direction:column;align-items:stretch;text-align:center;gap:14px}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-porovnanie"] .btn.spat-btn{width:100%;justify-content:center}
}

/* =============================================================== 4) PRED A PO (b-predapo) */
/* modul titulky lx-pp; vzorky v legende (na titulke inline style) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(1) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/pp-1.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(2) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/pp-2.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(3) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/pp-3.jpg)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(4) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/pp-4.jpg)}
/* Telefón: základ (LCD-1V-OBSAH bod 7) dáva #content-wrapper overflow-x:clip -> scéna lepí ako v návrhu a na titulke.
   Záloha, keby niektorý predok predsa mal overflow:hidden (lxModulyOziv dá .lx-bez-lepu = normálny blok, posun čiary
   podľa polohy fotky): úvodná veta, celá fotka od kraja po kraj (2,14 : 1). */
@media(max-width:760px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-predapo"].lx-bez-lepu .lx-p{display:block}
  /* pomer fotky 2,14 : 1 ako návrh (titulka má na telefóne 1,5) — v lepenej scéne aj v zálohe bez lepenia */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-predapo"] .lx-pp-main{--lx-pomer:2.1374}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="b-predapo"].lx-bez-lepu .lx-pp-stage{width:calc(100% + var(--pad) * 2);margin-inline:calc(var(--pad) * -1)}
}

/* =============================================================== 5) SPODNÁ LIŠTA SCÉN NA TELEFÓNE */
/* LCD-HOME necháva pod 1340 px vpravo v lište 84 px pre ikonu chatu (prilepená scéna drží lištu dole v okne). Na telefóne
   a tablete na výšku sú Materiál a Pred a po v normálnom toku -> lišta ako v návrhu: tlačidlo vpravo, postup na celú šírku. */
@media(max-width:900px), (min-width:901px) and (max-width:1199px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) :is([data-lcd-sekcia="b-material"],[data-lcd-sekcia="b-predapo"].lx-bez-lepu) .pinfoot{padding-right:0 !important}
}
/* ===== LCD-1V-OBSAH-B END ===== */

/* ===== LCD-1V-OBSAH-C START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah-c.scss (obsah 1V skupina C: kam siahaju, co pride domov, casova os, farby, vzorky; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V-OBSAH-C — obsah pod konfigurátorom 1V, SKUPINA C: kam siahajú + výzva, čo príde domov, časová os + výzva, farby, vzorky.
   Vlastník: worker skupiny C (+ konfigurator1v/obsah-c.js, admin-html/src/p1v-598/3x-c-*.sk.html). Pravidlá: docs/1v-obsah.md.
   Čisté CSS (nekompiluje sa Sassom; tools/vloz-lcd-css.py ho vkladá do luxuryCar.css). KAŽDÝ selektor začína
   body.lcd-1v (najlepšie body.lcd-1v [data-lcd-sekcia="c-…"] …). Žiadne @import, žiadne premenné na :root.
   Základ titulky (blok LCD-HOME) na koreňoch obsahu už platí — tu len rozdiely oproti titulke podľa návrhu v26.
   Obrázky: assets/img/1v/obsah/c-* (CDN absolútna adresa …/eshopy/luxuryCar/assets/img/1v/obsah/…).

   Hodnoty sú zmerané na návrhu v26 (computed styles, 390 a 1280 px) = výsledný stav jeho patchov 24–41, nie ich kópia.
   Selektory majú id koreňa (:is(#p1v-598-1,#p1v-598-2,.p1v-obsah)), lebo pravidlá titulky (alias #lcd-home) majú špecificitu id
   (napr. h3, .btn, .lede). Moduly titulky (.lx-farby, .vz/.fan, .btn, .lede, h2, .chapter/.wrap) sa nekopírujú.
   Spustenie pre všetkých (docs/1v-obsah.md bod 7): stačí z každého selektora zmazať „body.lcd-1v “ — id koreňa ostáva.

   Tvary nové voči titulke: .kry/.zoz (kam siahajú), .spat (výzva = riadok vety a tlačidla), .balkarta/.bal (balenie),
   .tml (časová os so scrollom, obsah-c.js nastavuje --p a li.on). Reveal .rv (opacity z titulky) zapína obsah-c.js. */

/* ---------- spoločné: reveal, text pre čítačky, zlaté nadpisy kapitol (návrh „nadpisy modulov sú zlaté“), výzva .spat ---------- */
/* reveal .rv, .sr-only, zlaté nadpisy kapitol, .lede 46ch a rytmus kapitol dáva základ LCD-1V-OBSAH bod 5–6 */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) :is([data-lcd-sekcia="c-domov"],[data-lcd-sekcia="c-casova-os"]) .lede{margin-top:12px}
/* tlačidlá: rám z šablóny Shoptetu (.btn border 1px) návrh nemá */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia^="c-"] .btn{border:0}

body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia^="c-"] .spat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(12px,2vw,22px);max-width:1240px;margin:0 auto;box-sizing:border-box;
  padding:clamp(20px,2.6vw,30px) var(--pad) clamp(32px,4vw,50px)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia^="c-"] .spat > p{margin:0;max-width:34ch;font-family:var(--disp);font-weight:800;
  font-size:clamp(15px,1.6vw,19px);line-height:1.3;color:var(--ink)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia^="c-"] .btn.spat-btn{flex:none;height:50px;margin:0;padding:0 26px !important;
  font-size:12px;letter-spacing:.1em}
@media(max-width:640px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia^="c-"] .spat{flex-direction:column;align-items:stretch;text-align:center;gap:14px}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia^="c-"] .spat > p{max-width:none}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia^="c-"] .btn.spat-btn{width:100%;justify-content:center}
}

/* ---------- 30 c-kam: „Kam všade koberce siahajú“ — dve témy (interiér / kufor), na PC biele karty vedľa seba ---------- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .kry{display:grid;gap:clamp(20px,2.4vw,30px);margin-top:clamp(16px,2vw,26px)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .zoz-h{margin:0 0 12px;font-family:var(--disp);font-weight:800;font-size:11px;
  line-height:1.14;letter-spacing:.12em;text-transform:uppercase;color:#7c5f16}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .kry-note{margin:8px 0 0;color:var(--mute);font-size:14px;line-height:1.5}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .zoz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;
  gap:0 clamp(24px,3.4vw,56px)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .zoz li{position:relative;margin:0;padding:11px 0 11px 28px;
  font-size:14.5px;line-height:1.45;color:#3f3a2c;border-top:1px solid rgba(155,122,36,.22);list-style:none;background:none}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .zoz li:first-child{border-top:0}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .zoz li:before{content:"";position:absolute;left:2px;top:16px;width:13px;height:13px;
  margin:0;border-radius:50%;background:linear-gradient(150deg,var(--gold-hi),var(--gold-lo));box-shadow:inset 0 0 0 3px var(--ground)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .zoz li i{font-style:normal;margin-left:9px;padding:3px 8px;font-family:var(--disp);
  font-weight:800;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#7c5f16;border:1px solid rgba(155,122,36,.45);
  border-radius:999px;white-space:nowrap;vertical-align:2px}
@media(min-width:901px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .kry{grid-template-columns:1fr 1fr;gap:clamp(26px,3vw,44px);align-items:start}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-kam"] .kry-b{background:var(--paper);border:1px solid var(--line);border-radius:16px;
    padding:clamp(18px,2vw,26px) clamp(20px,2.2vw,28px) clamp(8px,1vw,14px)}
}

/* ---------- 31 c-domov: „Čo Vám príde domov“ — balenie ako jeden doklad (karta s riadkami, manuál e-mailom pod čiarou) ---------- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .balkarta{margin-top:26px;background:var(--paper);
  border:1px solid rgba(155,122,36,.4);border-radius:20px;overflow:hidden;box-shadow:0 18px 44px rgba(20,15,5,.09)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal{list-style:none;margin:0;padding:0;display:block}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal li{display:grid;grid-template-columns:auto 1fr;align-items:center;
  column-gap:clamp(14px,1.8vw,20px);row-gap:2px;margin:0;padding:clamp(16px,2vw,22px) clamp(16px,2.2vw,26px);list-style:none;
  border-top:1px solid rgba(155,122,36,.16);transition:background-color .25s}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal li:first-child{border-top:0}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal li:before{content:none}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal li:hover{background:rgba(155,122,36,.05)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .ba-i{display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  border-radius:50%;border:1px solid rgba(155,122,36,.3)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal .ba-i{grid-row:1/span 2;width:64px;height:64px;
  background:linear-gradient(150deg,rgba(230,200,119,.34),rgba(143,112,32,.14))}
/* náčrty sú tenké čierne čiary — po zmenšení na 40 px ich treba stmaviť, inak zosivejú */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal .ba-i img{display:block;width:40px;height:40px;object-fit:contain;
  filter:brightness(.22) contrast(1.7)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal b{display:block;align-self:end;font-family:var(--disp);font-weight:800;
  font-size:clamp(15px,1.5vw,17px);line-height:1.3;color:var(--ink)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .ba-p{display:block;grid-column:2;align-self:start;color:var(--mute);
  font-size:clamp(13px,1.25vw,14.5px);line-height:1.5}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal-mail{display:grid;grid-template-columns:auto 1fr;column-gap:14px;
  align-items:center;margin:0;padding:clamp(16px,2vw,20px) clamp(16px,2.2vw,26px);background:var(--sand);
  border-top:1px dashed rgba(155,122,36,.5);font-size:clamp(13px,1.25vw,14.5px);line-height:1.5;color:var(--mute)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal-mail .ba-i{width:52px;height:52px;
  background:linear-gradient(150deg,rgba(230,200,119,.34),rgba(143,112,32,.16))}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal-mail .ba-i svg{display:block;width:30px;height:30px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal-mail b{font-family:var(--disp);font-weight:800;color:var(--ink)}
@media(min-width:820px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal li{grid-template-columns:auto 280px 1fr}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal .ba-i{grid-row:auto}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal :is(b,.ba-p){grid-column:auto;align-self:center}
}
@media(min-width:901px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-domov"] .bal li{row-gap:3px}
}

/* ---------- 32 c-casova-os: „Od objednávky po doručenie“ — os sa plní podľa scrollu (--p), krok sa rozsvieti (li.on) ---------- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml{position:relative;list-style:none;max-width:840px;margin:30px 0 0;padding:0}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml:before,
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml:after{content:"";position:absolute;left:17px;top:16px;width:2px;border-radius:2px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml:before{bottom:16px;background:rgba(155,122,36,.22)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml:after{height:calc(var(--p, 0) * (100% - 32px));
  background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));box-shadow:0 0 12px rgba(196,155,49,.45);transition:height .25s linear}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li{position:relative;display:grid;grid-template-columns:auto 1fr;
  column-gap:clamp(14px,1.8vw,20px);margin:0;padding:0 0 clamp(18px,2.2vw,26px);list-style:none;background:none}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li:before{content:none}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li:last-child{padding-bottom:0}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li > i{position:relative;z-index:1;display:flex;align-items:center;
  justify-content:center;box-sizing:border-box;width:36px;height:36px;border-radius:50%;font-style:normal;font-family:var(--disp);
  font-weight:800;font-size:15px;line-height:1.6;color:#8a8471;background:var(--sand) no-repeat border-box;background-size:100% 100%;
  border:2px solid rgba(155,122,36,.3);box-shadow:0 0 0 6px var(--ground);transition:background-color .3s,color .3s,border-color .3s}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li.on > i{color:#17130a;border-color:transparent;background-color:#c9a03a;
  background-image:radial-gradient(circle at 50% 34%,var(--gold-hi) 0%,#b98f2c 62%,var(--gold-lo) 100%)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml .c{min-width:0}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml .c b{display:inline;font-family:var(--disp);font-weight:800;
  font-size:clamp(15px,1.35vw,18px);line-height:1.2;color:var(--ink)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml .c .tt{display:inline-block;margin-left:9px;padding:3px 9px;
  font-family:var(--disp);font-weight:800;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#7c5f16;
  border:1px solid rgba(155,122,36,.45);border-radius:999px;white-space:nowrap;vertical-align:2px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml .c p{margin:7px 0 0;font-size:13.5px;line-height:1.55;color:#4a4433}
/* PC: kroky sa striedajú po stranách osi; odznak času je vždy pri osi (vľavo za nadpisom, vpravo pred ním) */
@media(min-width:901px){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml{max-width:1000px;margin:30px auto 0}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml:before,
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml:after{left:calc(50% - 1px)}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li{grid-template-columns:1fr 36px 1fr;
    column-gap:clamp(20px,2.6vw,34px);align-items:start;padding-bottom:clamp(22px,2.6vw,32px)}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li:last-child{padding-bottom:0}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li > i{grid-column:2;grid-row:1}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml .c{display:flex;flex-wrap:wrap;align-items:baseline;padding-top:5px}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li:nth-child(odd) .c{grid-column:1;grid-row:1;text-align:right;
    justify-content:flex-end}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li:nth-child(even) .c{grid-column:3;grid-row:1}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml .c b{order:1}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml .c .tt{order:2}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml li:nth-child(even) .c .tt{order:0;margin:0 9px 0 0}
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-casova-os"] .tml .c p{order:3;flex:0 0 100%}
}

/* ---------- 33 c-farby: modul lx-farby titulky — vejár „Mnoho ďalších farieb“ má <img> namiesto background-image ---------- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-farby"] .lx-farby-viac-vejar i{overflow:hidden}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-farby"] .lx-farby-viac-vejar i img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- 34 c-vzorky: modul .vz titulky — vejár vzoriek má <img> namiesto background-image; nadpis svetlé zlato ---------- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-vzorky"] .btn.zeleny{box-shadow:0 10px 30px rgba(140,105,25,.35)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-vzorky"] .fan i{overflow:hidden}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-vzorky"] .fan i img{display:block;width:100%;height:100%;object-fit:cover}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="c-vzorky"] h2{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}
/* ===== LCD-1V-OBSAH-C END ===== */

/* ===== LCD-1V-OBSAH-D START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah-d.scss (obsah 1V skupina D: realita, FAQ, kupit a necakat, linka citania, lightbox; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V-OBSAH-D — obsah pod konfigurátorom 1V, SKUPINA D: realita (videá), FAQ, Kúpiť a nečakať, zlatá linka čítania, okno.
   Vlastník: worker skupiny D (+ konfigurator1v/obsah-d.js, admin-html/src/p1v-598/4x-d-*.sk.html). Pravidlá: docs/1v-obsah.md.
   Čisté CSS (nekompiluje sa Sassom; tools/vloz-lcd-css.py ho vkladá do luxuryCar.css). KAŽDÝ selektor začína body.lcd-1v.
   Základ titulky (blok LCD-HOME) na koreňoch obsahu už platí: .chapter, h2, .lede, .rv, .vids/.vid/.vidnav, .end, .btn.
   Tu len rozdiely oproti titulke podľa návrhu v26 + FAQ (vlastné triedy, .faq kotví živý JS) + linka čítania + okno.
   Pravidlá titulky majú špecificitu id (1,x,x): kde ich treba prebiť, začína selektor
   body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) (korene obsahu; po spustení v Popise ostáva #p1v-598-1).
   Linka čítania (#p1v-citanie) a okno (#p1v-lb) sú po init priamo v <body> (obsah-d.js) — premenné koreňa tam
   neplatia, preto farby a písmo natvrdo (= --gold-lo #8f7020, --gold-hi #e6c877, --disp „Exo 2“). */

/* text len pre čítačky (.p1v-sr, aj v okne a linke presunutých do <body>), rytmus kapitol, zlaté nadpisy, .lede 46ch a
   reveal .rv dáva základ LCD-1V-OBSAH bod 5–6 */


/* ---------- d-realita: videá z praxe (návrh #realita = titulka #realita bez .rule) ---------- */
/* šípky schová obsah-d.js atribútom hidden, keď sa pás zmestí (titulka dáva .vidnav display:flex so špecificitou id) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-realita"] .vidnav[hidden]{display:none !important}
/* titulka nemá v globálnom img height:auto pre .vid (návrh patch34): bez neho by height="960" natiahol kartu */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-realita"] .vid img{height:auto}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-realita"] .vid{cursor:pointer}
@media (max-width:700px){
  /* návrh: pás na telefóne presahuje 10 px do pravého okraja (ďalšia karta naznačí posun) */
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-realita"] .vids{margin-right:-10px}
}

/* ---------- d-faq: otázky (návrh section.chapter.faqsec, patch20 + patch33: číslo pred otázkou, odpoveď bez odsadenia) ---------- */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq{border-top:1px solid var(--line)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-o{border-bottom:1px solid var(--line)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-q{appearance:none;-webkit-appearance:none;display:flex;align-items:baseline;
  gap:16px;width:100%;margin:0;padding:18px 0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;
  font:inherit;color:var(--ink);text-align:left;text-transform:none;letter-spacing:normal;min-height:0;height:auto}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-q:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-q .i{flex:0 0 auto;min-width:20px;margin-right:14px;font-family:var(--disp);
  font-weight:800;font-size:11px;line-height:1.6;letter-spacing:.08em;color:#8f7020;font-variant-numeric:tabular-nums}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-q .t{flex:1;min-width:0;font-family:var(--body);font-size:16.5px;
  font-weight:600;line-height:1.6;color:var(--ink);transition:color .2s}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-q:hover .t{color:var(--gold-lo)}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-q .p{flex:none;margin-left:auto;font-family:var(--body);font-size:20px;
  line-height:1;color:#7c5f16;transition:transform .25s}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-q[aria-expanded="true"] .p{transform:rotate(45deg)}
/* odpoveď: zbalená = 0 riadkov mriežky + visibility:hidden (mimo poradia Tab a čítačiek), rozbalenie plynulo */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-a{display:grid;grid-template-rows:0fr;visibility:hidden;
  transition:grid-template-rows .3s cubic-bezier(.2,.7,.2,1),visibility 0s linear .3s}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-q[aria-expanded="true"] + .p1v-faq-a{grid-template-rows:1fr;visibility:visible;
  transition:grid-template-rows .3s cubic-bezier(.2,.7,.2,1),visibility 0s}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-a > .a{min-height:0;overflow:hidden;max-width:70ch;padding:0;
  font-size:14.5px;line-height:1.6;color:#4a4433}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-a > .a:after{content:"";display:block;height:20px}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-a a{color:#7c5f16;text-decoration:underline;text-underline-offset:2px}
@media (prefers-reduced-motion:reduce){
  body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) .p1v-faq-a{transition:none}
}

/* ---------- d-koniec: „Kúpiť a nečakať!“ (návrh section.end = záver titulky) ---------- */
/* titulka od 900 px zmenšuje odsadenie záveru (clamp 44–92 px); návrh v26 má clamp(66px,9vw,140px) na všetkých šírkach */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-koniec"]{padding-top:clamp(66px,9vw,140px) !important;
  padding-bottom:clamp(66px,9vw,140px) !important}
/* pozadie: v návrhu <img> s opacity .3 a filtrom; tu ozdoba v CSS. hero.jpg prednačítava Záhlavie webu na každej stránke
   (cache), trieda p1v-blizko (obsah-d.js pri priblížení) = ani bez prednačítania sa nestiahne skôr, než treba */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-koniec"] .endbg{opacity:.3;filter:saturate(.82) contrast(1.04);
  background:#181510 50% 50% / cover no-repeat}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-koniec"].p1v-blizko .endbg{
  background-image:url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/hero.jpg")}
/* nadpis biely aj keby ho prefarbilo zlaté pravidlo h2 (návrh patch36) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-koniec"] h2{color:#fff;background:none;-webkit-text-fill-color:#fff}
/* hlavné tlačidlo bez rámu (Shoptet .btn by mu dal 1px tmavý rám); druhé: v návrhu inline štýl (biely text, zlatý rám) */
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-koniec"] .btn:not(.ghost){border:0}
body.lcd-1v :is(#p1v-598-1,#p1v-598-2,.p1v-obsah) [data-lcd-sekcia="d-koniec"] .btn.ghost{color:#fff;border-color:rgba(230,200,119,.45)}

/* ---------- d-pomocne: zlatá linka čítania (návrh .citanie, patch20) — v <body>, nad hlavičkou ---------- */
body.lcd-1v .p1v-citanie{position:fixed;left:0;right:0;top:0;height:2px;margin:0;padding:0;z-index:2147483000;
  pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
body.lcd-1v .p1v-citanie.zap{opacity:1;visibility:visible}
body.lcd-1v .p1v-citanie i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,#8f7020,#e6c877);box-shadow:0 0 10px rgba(196,155,49,.55)}
@media (prefers-reduced-motion:reduce){
  body.lcd-1v .p1v-citanie{transition:none}
}

/* ---------- d-pomocne: okno na fotky a videá (návrh .lb; foto = rovnaký rám, veľkosť podľa fotky) ---------- */
body.lcd-1v .p1v-lb{position:fixed;inset:0;z-index:2147483001;display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;margin:0;padding:clamp(14px,4vw,52px);background:rgba(10,8,5,.88);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;transition:opacity .3s;
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;overscroll-behavior:contain}
body.lcd-1v .p1v-lb.on{opacity:1}
body.lcd-1v .p1v-lb[hidden],body.lcd-1v .p1v-lb [hidden]{display:none !important}
body.lcd-1v .p1v-lb-in{display:flex;flex-direction:column;align-items:center;max-width:100%}
body.lcd-1v .p1v-lb-ram{position:relative;overflow:hidden;border-radius:16px;background:#000;
  box-shadow:0 30px 80px rgba(0,0,0,.6);border:1px solid rgba(230,200,119,.22)}
/* videá LCD sú na výšku (Shorts) — rám 9:16 ich vyplní bez čiernych pruhov */
body.lcd-1v .p1v-lb-ram:is(.je-yt,.je-video){aspect-ratio:9/16;
  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))}
body.lcd-1v .p1v-lb-ram :is(iframe,video){position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
body.lcd-1v .p1v-lb-ram.je-video video{object-fit:contain}
body.lcd-1v .p1v-lb-ram.je-foto{background:#0b0906}
body.lcd-1v .p1v-lb-ram.je-foto img{display:block;width:auto;height:auto;object-fit:contain;
  max-width:min(1400px, calc(100vw - 2 * clamp(14px, 4vw, 52px)));
  max-height:calc(84vh - 48px);max-height:calc(84svh - 48px)}
body.lcd-1v .p1v-lb-pod{margin-top:12px;max-width:60ch;text-align:center;color:#e8e1d1;
  font-family:"Exo 2","Segoe UI",Arial,sans-serif;font-size:13.5px;line-height:1.4;letter-spacing:.05em}
body.lcd-1v .p1v-lb :is(.p1v-lb-x,.p1v-lb-sip){position:absolute;z-index:2;display:flex;align-items:center;
  justify-content:center;width:46px;height:46px;margin:0;padding:0;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;font:400 22px/1 Arial,sans-serif;
  cursor:pointer;box-shadow:none;transition:background .2s,transform .2s}
body.lcd-1v .p1v-lb-x{top:clamp(10px,2.2vw,26px);right:clamp(10px,2.2vw,26px)}
body.lcd-1v .p1v-lb-sip{top:50%;margin-top:-23px;font-size:30px}
body.lcd-1v .p1v-lb-spat{left:clamp(6px,2.2vw,26px)}
body.lcd-1v .p1v-lb-dalej{right:clamp(6px,2.2vw,26px)}
body.lcd-1v .p1v-lb :is(.p1v-lb-x,.p1v-lb-sip):hover{background:rgba(255,255,255,.24);transform:scale(1.06)}
body.lcd-1v .p1v-lb :is(.p1v-lb-x,.p1v-lb-sip):focus-visible{outline:2px solid #e6c877;outline-offset:3px}
@media (max-width:700px){
  body.lcd-1v .p1v-lb-ram{border-radius:12px}
  body.lcd-1v .p1v-lb-sip{top:auto;bottom:clamp(10px,3vw,20px);margin-top:0}
}
@media (prefers-reduced-motion:reduce){
  body.lcd-1v .p1v-lb{transition:none}
}
/* ===== LCD-1V-OBSAH-D END ===== */

/* ===== LCD-1V-DVOJ START - generovane tools/vloz-lcd-css.py z _lcd1v-dvoj.scss (konfigurator 1V dvojvrstvove 601/604/607: krok farba 2. vrstvy; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V dvojvrstvové 601/604/607 — krok 4 „Farba 2. vrstvy“ (16 vzoriek Lux, štítok Odporúčame, náhľad), fotky vzorov v kroku 1.
   Selektory body.lcd-1v[data-lcd1v-typ="dvoj"]. Vlastník: T1.2 (farba2.js, typy/dvoj.js). Návrh: dvojvrstvove.html krok 4
   (#farby2Grp + #nahlad2, N:3964–4030), rozmery rovnaké ako krok 3 farby (kroky.js / _lcd1v-kroky.scss).
   Čisté CSS (nekompiluje sa Sassom). KAŽDÝ selektor začína body.lcd-1v (typ cez atribút data-lcd1v-typ, nie triedu);
   flag vypnutý = nulová zmena (test nulova-zmena). Kontrakt: docs/1v-kontrakt.md §8. */

/* ---------------------------------------------------------------- krok 1: fotky vzorov (dvojvrstvový koberec v aute) */
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-diamond::before {
  background-image: url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/dvoj-vzor-diamond.jpg");
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-stripe::before {
  background-image: url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/dvoj-vzor-stripe.jpg");
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-hexa::before {
  background-image: url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/dvoj-vzor-hexa.jpg");
}

/* nadpis otvoreného kroku: návrh dvojvrstvove.html má text-wrap: balance (#sprv .krok.otvoreny .kr-ti), takže „Prosím, vyberte
   si farbu 2. vrstvy“ sa zalomí „PROSÍM, VYBERTE / SI FARBU 2. VRSTVY“ (bez osamoteného posledného slova; 15. 10. 2026) */
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-krok.active .lcd1v-ti {
  text-wrap: balance;
}

/* ---------------------------------------------------------------- krok 4: farba 2. vrstvy */
/* poradie v karte: hlavička -10 a podnadpis -9 (kroky.js), vysvetlenie a štítok Odporúčame hneď pod ním, vzorky, náhľad 50 */
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .lcd1v-f2-vysv { order: -8; }
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .lcd1v-f2-odp { order: -7; }

/* podnadpis + „i“ s vysvetlením (ako v kroku rozloženia) */
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 .lcd1v-f2-info {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0 0 0 5px;
  padding: 0;
  vertical-align: middle;
  border: 1px solid var(--kr-gold);
  border-radius: 50%;
  background: #fff;
  color: var(--kr-gold-tx);
  font: 700 12px/1 var(--kr-disp);
  cursor: pointer;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 .lcd1v-f2-info::after {
  content: "";
  position: absolute;
  inset: -11px; /* dotyková plocha 44 px */
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 .lcd1v-f2-info:focus-visible {
  outline: 3px solid var(--kr-gold);
  outline-offset: 2px;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .lcd1v-f2-vysv {
  margin: 0 0 16px;
  padding: 13px 14px;
  border: 1px solid rgba(196, 155, 49, 0.4);
  border-radius: 12px;
  background: #faf6ea;
  color: var(--kr-text);
  font: 400 13.5px/1.55 var(--kr-body);
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .lcd1v-f2-vysv[hidden] {
  display: none;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .lcd1v-f2-vysv b {
  font-weight: 700;
  color: var(--kr-ink);
}

/* štítok „Odporúčame“ (rovnaký vzhľad ako v košíku: zlatá pilulka) + vzorka a názov odporúčanej Lux */
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .lcd1v-f2-odp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 0 0 14px;
  color: var(--kr-ink);
  font: 600 14.5px/1.35 var(--kr-body);
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .lcd1v-f2-odp[hidden] {
  display: none;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 .lcd1v-f2-odp-st {
  display: inline-block;
  padding: 3px 8px 2px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ecd07a, #c49b31);
  color: var(--kr-ink);
  font: 700 10.5px/1.25 var(--kr-disp);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 .lcd1v-f2-odp-vz {
  display: block;
  flex: none;
  width: 28px;
  height: 28px;
  margin: 0;
  border: 1px solid rgba(20, 15, 5, 0.22);
  border-radius: 7px;
  object-fit: cover;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 .lcd1v-f2-odp-tx {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* vzorky: jedna súvislá mriežka bez názvov (návrh: .fnad a .nm skryté, #farby2Grp = display:contents), 2 skupiny cez order
   (7 jednofarebných a melírovaných, potom 9 s pruhmi; poradie dáva farba2.js do --f2-o) */
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  width: auto;
  max-height: none !important;
  margin: 0;
  padding: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .lcd1v-f2-skry {
  display: none !important;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button {
  position: relative;
  display: block;
  order: var(--f2-o, 50);
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1 / 1;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(20, 15, 5, 0.22);
  border-radius: 12px;
  background: #e9e5da;
  box-shadow: none;
  overflow: hidden;
  cursor: pointer;
  transform: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button:hover {
  border-color: var(--kr-gold);
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button:focus-visible {
  outline: 3px solid var(--kr-gold);
  outline-offset: 2px;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button .text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button::before {
  content: none !important;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button::after {
  content: none;
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button.active {
  border-color: #fff;
  box-shadow: 0 0 0 2px var(--kr-gold), 0 6px 14px rgba(20, 15, 5, 0.25);
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button.active::after {
  content: "\2713";
  position: absolute;
  top: 3px;
  right: 3px;
  left: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--kr-zlato);
  color: #17130a;
  font: 700 9px/1 var(--kr-body);
}
/* odporúčaná vzorka: zlatý rámik a hviezdička vľavo hore (vpravo hore je fajka zvolenej) */
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button.lcd1v-f2-odporucana {
  border-color: var(--kr-gold);
  box-shadow: 0 0 0 1px var(--kr-gold);
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button.lcd1v-f2-odporucana.active {
  border-color: #fff;
  box-shadow: 0 0 0 2px var(--kr-gold), 0 6px 14px rgba(20, 15, 5, 0.25);
}
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap > .option-button.lcd1v-f2-odporucana::before {
  content: "\2605" !important;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--kr-zlato);
  color: #17130a;
  font: 700 9px/1 var(--kr-body);
}

/* živý náhľad (.image-wrap + .lcd-color-label) nahrádza .lcd1v-nahlad (kroky.js ho štýluje: 320 × 320, v strede) */
body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .image-wrap {
  display: none !important;
}

/* ---------------------------------------------------------------- telefón */
@media (max-width: 480px) {
  body.lcd-1v[data-lcd1v-typ="dvoj"] #product-detail-form .lcd1v-k-farba2 > .options-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr)); /* návrh: repeat(auto-fill, minmax(50px, 1fr)) + gap 8 px = 5 stĺpcov pri 390 px */
  }
}
/* ===== LCD-1V-DVOJ END ===== */

/* ===== LCD-1V-KUFOR START - generovane tools/vloz-lcd-css.py z _lcd1v-kufor.scss (konfigurator 1V rohoze do kufra Classic a Premium 619-634; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V rohože do kufra Classic + Premium 619–634 — auto bez volantu/miest/dverí, dlaždice vzoru, pás setu; selektory body.lcd-1v[data-lcd1v-typ^="kufor"]. Vlastník: T2.2 (kufor-produkt.js)
   Čisté CSS (nekompiluje sa Sassom). KAŽDÝ selektor začína body.lcd-1v (typ cez atribút data-lcd1v-typ, nie triedu);
   flag vypnutý = nulová zmena (test nulova-zmena). Kontrakt: docs/1v-kontrakt.md §8.
   Merané na návrhoch navrhy/kufor-classic.html (.kc-set, .kc-alt, .pat small) a kufor-premium.html (.setpas) pri
   1280 a 390 px. Premenné --c1v-* a --kr-* sú z _lcd1v-cena.scss / _lcd1v-kroky.scss (na body.lcd-1v).
   Prvky z JS (kufor-produkt.js, všetky bez name): .lcd1v-kf-nazov (názov rohože), .lcd1v-kf-pod (podnadpis kroku 1),
   [data-lcd1v-cena] na .banner-header dlaždice vzoru, .lcd1v-kf-set (pás setu), .lcd1v-kf-alt (odkaz na Premium). */

/* ---------- živé prvky, ktoré rohož v novom vzhľade nemá (ostávajú v DOM aj so svojím JS) ---------- */
/* krok 2: volant, počet miest a dverí (návrh: len značka, model, rok, karoséria; hodnoty idú ďalej do poznámky) */
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-k-auto .wheel-Position,
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-k-auto .sit-Position,
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-k-auto .door-Position {
  display: none !important;
}
/* bez volantu nad poľami: preč aj čiarkovaná deliaca čiara nad značkou/modelom (návrh: polia hneď pod podnadpisom) */
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-k-auto #model-selector {
  margin: 0 !important; /* návrh: hlavička -> polia 22 px (Premium), podnadpis -> polia 16 px (Classic) */
  padding: 0;
  border-top: 0;
}
/* živé bannery stĺpca: „Hľadáte ešte lepšiu ochranu?“ (dvojvrstvové) a „Kúp viac za menej“ — návrh ich nemá,
   ponuku setu nahrádza .lcd1v-kf-set pod cenou */
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .p-info-wrapper > .benefitBanner__item,
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .p-info-wrapper > .upsale-Banner {
  display: none !important;
}

/* ---------- názov rohože: živý H1 (pôvodný text, SEO) len vizuálne skrytý, nový názov ako H1 v návrhu ---------- */
body.lcd-1v[data-lcd1v-typ^="kufor"][data-lcd1v-kf-nazov] #product-detail-form .p-detail-inner-header > h1 {
  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.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .p-detail-inner-header > .lcd1v-kf-nazov {
  margin: 0;
  padding: 0;
  font-family: var(--c1v-disp);
  font-weight: 700;
  font-size: 26px;
  line-height: 1.14;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--c1v-ink);
  text-wrap: balance;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-nazov .lcd1v-kf-nazov__vzor {
  display: block;
  margin: 2px 0 0;
  font-size: 1em;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.04em;
  color: var(--c1v-zl);
}
@media (min-width: 901px) {
  body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .p-detail-inner-header > .lcd1v-kf-nazov { font-size: 32px; }
}
@media (max-width: 380px) {
  body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .p-detail-inner-header > .lcd1v-kf-nazov { font-size: 24px; }
}
@media (max-width: 340px) {
  body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .p-detail-inner-header > .lcd1v-kf-nazov { font-size: 22px; }
}

/* ---------- krok 1: dlaždice vzoru ---------- */
/* Classic: fotky rohože v kufri z návrhu (kc-pat-*); Premium ostáva pri fotkách vzorov 598 (kroky-vzor-*, ako návrh) */
body.lcd-1v[data-lcd1v-typ="kufor-classic"] #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-diamond::before {
  background-image: url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/rohoz-classic-vzor-diamond.jpg");
}
body.lcd-1v[data-lcd1v-typ="kufor-classic"] #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-stripe::before {
  background-image: url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/rohoz-classic-vzor-stripe.jpg");
}
body.lcd-1v[data-lcd1v-typ="kufor-classic"] #product-detail-form .lcd1v-k-vzor .patterns-wrap > .lcd1v-vzor-hexa::before {
  background-image: url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/rohoz-classic-vzor-hexa.jpg");
}
/* cena pod názvom vzoru („v cene“ / „+ 10 €“): text z atribútu, textContent dlaždice ostáva len názov */
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button .banner-header[data-lcd1v-cena]::after {
  content: attr(data-lcd1v-cena);
  display: block;
  margin: 3px 0 0;
  font: 600 11.5px/1.3 var(--c1v-body);
  letter-spacing: 0;
  text-transform: none;
  color: var(--c1v-lb);
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-k-vzor .patterns-wrap > .option-button.active .banner-header[data-lcd1v-cena]::after {
  color: var(--c1v-zl);
}

/* ---------- pás setu pod cenou (Classic .kc-set = riadok s odkazom, Premium .setpas = celý pás je odkaz) ---------- */
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .p-info-wrapper > .lcd1v-kf-set {
  order: 3; /* ako postup a kroky (.content-wrap order 3), v DOM tesne pred postupom */
  box-sizing: border-box;
  margin: 18px 0 0;
  border: 1px solid rgba(196, 155, 49, 0.5);
  border-radius: 12px;
  background: linear-gradient(180deg, #fffaf0, #faf3df);
  font-family: var(--c1v-body);
  color: #3d3728;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--riadok {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  padding: 12px 15px;
  font-size: 13.5px;
  line-height: 1.45;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--riadok b {
  font-family: var(--c1v-disp);
  font-weight: 800;
  color: var(--c1v-zl);
  white-space: nowrap;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--riadok .lcd1v-kf-set__us {
  white-space: nowrap;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--riadok .lcd1v-kf-set__a {
  margin-left: auto;
  font: 800 11px/1.45 var(--c1v-disp);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c1v-zl);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--riadok .lcd1v-kf-set__a:hover,
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--riadok .lcd1v-kf-set__a:focus-visible {
  color: var(--c1v-ink);
}
@media (max-width: 520px) {
  body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--riadok .lcd1v-kf-set__a { margin-left: 0; }
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form a.lcd1v-kf-set--pas {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0 0;
  padding: 12px 14px;
  border: 1.5px solid rgba(196, 155, 49, 0.55);
  background: linear-gradient(180deg, #fbf6e6, #f6efd6);
  color: var(--c1v-ink);
  text-decoration: none;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
@media (hover: hover) {
  body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form a.lcd1v-kf-set--pas:hover {
    border-color: var(--c1v-gold);
    box-shadow: 0 8px 20px rgba(140, 105, 25, 0.2);
    transform: translateY(-1px);
  }
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form a.lcd1v-kf-set--pas:focus-visible {
  outline: 2px solid var(--c1v-gold);
  outline-offset: 2px;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--pas .lcd1v-kf-set__ic {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(100deg, #8f7020, #e6c877 48%, #c49b31);
  color: #17130a;
  font: 800 18px/1 var(--c1v-disp);
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--pas .lcd1v-kf-set__tx {
  flex: 1;
  min-width: 0;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--pas .lcd1v-kf-set__tx b {
  display: block;
  font: 800 13.5px/1.3 var(--c1v-disp);
  color: var(--c1v-ink);
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--pas .lcd1v-kf-set__tx i {
  display: block;
  margin: 2px 0 0;
  font: 400 12.5px/1.4 var(--c1v-body);
  font-style: normal;
  color: #4a4433;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--pas .lcd1v-kf-set__sp {
  flex: none;
  font: 800 10.5px/1.3 var(--c1v-disp);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c1v-zl);
  white-space: nowrap;
}
@media (max-width: 440px) {
  body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-set--pas .lcd1v-kf-set__sp { display: none; }
}

/* ---------- Classic: „Chcete chrániť aj boky kufra? Pozrite si rohož Premium“ pod tlačidlom košíka ---------- */
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .p-info-wrapper > .lcd1v-kf-alt {
  order: 7; /* ako „Spolu“ a tlačidlo košíka, v DOM hneď za tlačidlom */
  margin: 14px 0 0;
  padding: 0;
  font: 400 13.5px/1.5 var(--c1v-body);
  color: var(--c1v-lb);
  text-align: center;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-alt a {
  color: var(--c1v-zl);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-alt a:hover,
body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form .lcd1v-kf-alt a:focus-visible {
  color: var(--c1v-ink);
}

@media (prefers-reduced-motion: reduce) {
  body.lcd-1v[data-lcd1v-typ^="kufor"] #product-detail-form a.lcd1v-kf-set--pas { transition: none; }
}
/* ===== LCD-1V-KUFOR END ===== */

/* ===== LCD-1V-BOXY START - generovane tools/vloz-lcd-css.py z _lcd1v-boxy.scss (konfigurator 1V box do kufra 616; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V box do kufra 616 — farba → počet → veľkosť, neutralizácia configurator-enhance; selektory body.lcd-1v[data-lcd1v-typ="boxy"]. Vlastník: T3.2 (boxy-produkt.js)
   Čisté CSS (nekompiluje sa Sassom, tools/vloz-lcd-css.py ho vkladá do luxuryCar.css bajt po bajte). KAŽDÝ selektor
   začína body.lcd-1v[data-lcd1v-typ="boxy"] (typ cez atribút, nie triedu); flag vypnutý = nulová zmena (test nulova-zmena).
   Návrh: navrhy/boxy.html (#bx-extra, #bx-konf; karty počtu = vzhľad kariet kroku 6 v 598 .lcd1v-kb__karta).
   Prvky z JS (bez name): .lcd1v-bxp-pocty, .lcd1v-bxp-velk, .lcd1v-bxp-nahlad, .lcd1v-bxp-nazov, .lcd1v-bxp-set.
   Kontrakt: docs/1v-kontrakt.md §8. */

/* ---------------------------------------------------------------- poradie krokov a neutralizácia configurator-enhance
   Živý web (configurator-enhance.js lcdBoxReorderAndRename) dáva krokom inline order počet 1 / farba 2 / veľkosť 3;
   návrh má farba 1 / počet 2 / veľkosť 3 (DOM ostáva, mení sa len poradie zobrazenia). */
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .content-wrap > .lcd1v-k-farba { order: 1 !important; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .content-wrap > .lcd1v-k-pocet { order: 2 !important; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .content-wrap > .lcd1v-k-velkost { order: 3 !important; }
/* odporúčaná cena, ktorú by configurator-enhance (lcdAddBoxRRP) dopísal „Doporučenou cenou“ — box ju v admine nemá */
body.lcd-1v[data-lcd1v-typ="boxy"] .lcd-rrp-wrap,
body.lcd-1v[data-lcd1v-typ="boxy"] .lcd-price-rrp { display: none !important; }
/* živé bannery nad a pod krokmi (dvojvrstvové autokoberce, „Kúp viac za menej“) — návrh má namiesto nich pás setu */
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-info-wrapper > .benefitBanner__item,
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-info-wrapper > .upsale-Banner { display: none !important; }

/* ---------------------------------------------------------------- hlavička: vizuálny názov (živý H1 ostáva v DOM) */
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-detail-inner-header h1:has(+ .lcd1v-bxp-nazov) {
  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; white-space: nowrap !important; border: 0 !important;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-detail-inner-header .lcd1v-bxp-nazov {
  margin: 0; padding: 0;
  font-family: var(--c1v-disp); font-weight: 700; font-size: 26px; line-height: 1.14; letter-spacing: .02em;
  text-transform: uppercase; color: var(--c1v-ink); text-wrap: balance;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-detail-inner-header .lcd1v-bxp-nazov em {
  display: block; margin: 2px 0 0;
  font-size: 1em; font-weight: 600; font-style: normal; letter-spacing: .04em; color: var(--c1v-zl);
}
@media (min-width: 901px) {
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-detail-inner-header .lcd1v-bxp-nazov { font-size: 32px; }
}
@media (max-width: 380px) {
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-detail-inner-header .lcd1v-bxp-nazov { font-size: 24px; }
}
@media (max-width: 340px) {
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-detail-inner-header .lcd1v-bxp-nazov { font-size: 22px; }
}

/* „Cena za box“ len pri jednom boxe (pri 2–3 boxoch je cena súčet boxov) */
body.lcd-1v[data-lcd1v-typ="boxy"]:has(.lcd1v-bxp-pocty[data-ks="2"], .lcd1v-bxp-pocty[data-ks="3"]) #product-detail-form .lcd1v-cena .lcd1v-cena__za {
  display: none;
}

/* ---------------------------------------------------------------- pás setu (návrh .sethint, B:2842–2860) */
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-info-wrapper > .lcd1v-bxp-set {
  order: 1;
  display: flex; align-items: center; gap: 12px;
  margin: 12px 0 0; padding: 11px 14px;
  border: 1.5px dashed rgba(155, 122, 36, .5); border-radius: 12px;
  background: rgba(196, 155, 49, .08);
  color: var(--c1v-ink); text-decoration: none; text-align: left;
  transition: border-color .2s, background-color .2s, transform .2s;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .p-info-wrapper > .lcd1v-bxp-set[hidden] { display: none !important; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set:hover {
  border-color: var(--c1v-gold); background: rgba(196, 155, 49, .15); transform: translateY(-1px);
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set:focus-visible { outline: 2px solid var(--c1v-gold); outline-offset: 2px; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set__ic {
  flex: none; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%;
  background: linear-gradient(100deg, #8f7020, #e6c877 48%, #c49b31); color: #17130a;
  font: 800 15px/1 var(--c1v-disp);
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set__t { min-width: 0; line-height: 1.3; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set__t b {
  display: block; font: 800 13.5px/1.3 var(--c1v-disp); color: var(--c1v-ink);
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set__t span {
  display: block; margin-top: 2px; font: 400 12.5px/1.3 var(--c1v-body); color: #4a4433;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set__t span[hidden] { display: none; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set__go {
  flex: none; margin-left: auto;
  font: 800 10.5px/1.2 var(--c1v-disp); letter-spacing: .1em; text-transform: uppercase; color: var(--c1v-zl);
}
@media (max-width: 420px) {
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set__go { display: none; }
}

/* ---------------------------------------------------------------- krok 1: 9 vzoriek (telefón 3 × 3, inak v rade) */
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-k-farba > .options-wrap {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
@media (max-width: 520px) {
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-k-farba > .options-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}
/* náhľad materiálu: vlastný (fotka boxovej farby), náhľad z kroky.js (vzorka) sa na boxe neukazuje */
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-k-farba > .lcd1v-nahlad:not(.lcd1v-bxp-nahlad) { display: none !important; }

/* ---------------------------------------------------------------- krok 2: počet boxov (karty = vzhľad kroku 6 v 598) */
/* živé „1 ks / 2 ks / 3 ks“ sú v .name-wrap (skrytý obalom kroky.js); prázdny živý zoznam možností preč */
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-k-pocet > .options-wrap { display: none !important; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-krok > .lcd1v-bxp-pocty,
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-krok > .lcd1v-bxp-velk { order: 10; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-pocty { margin: 0; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-ks .lcd1v-kb__tx {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-content: center; column-gap: 12px; row-gap: 2px;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-ks .lcd1v-kb__nm { grid-column: 1; grid-row: 1; padding-right: 0; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-ks .lcd1v-kb__po { grid-column: 1 / -1; grid-row: 2; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-ks .lcd1v-bxp-od {
  grid-column: 2; grid-row: 1; align-self: baseline; padding-right: 30px;
  font: 800 16px/1.15 var(--kb-disp); color: var(--kb-gold-txt); white-space: nowrap; font-variant-numeric: tabular-nums;
}
@media (max-width: 480px) {
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-ks .lcd1v-kb__tx { grid-template-columns: minmax(0, 1fr); }
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-ks .lcd1v-kb__nm { padding-right: 26px; }
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-ks .lcd1v-bxp-od { grid-column: 1; grid-row: 3; margin-top: 6px; padding-right: 0; font-size: 15px; }
}

/* ---------------------------------------------------------------- krok 3: veľkosti so siluetou (návrh #sprv .vk) */
/* živé tlačidlá veľkostí (3 skupiny, každá s vlastným tlačidlom kroku) nahrádzajú karty; ostávajú v DOM */
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-k-velkost > .options-wrap { display: none !important; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-velk {
  --bxp-gold: #c49b31; --bxp-line: #d9d4c6; --bxp-zl: #7c5f16;
  margin: 0; color: var(--kr-ink); font-family: var(--kr-body); text-align: left;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vgrp[hidden] { display: none !important; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vgrp + .lcd1v-bxp-vgrp { margin-top: 22px; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-nadp {
  display: flex; align-items: baseline; gap: 8px; margin: 0 0 9px; padding: 0;
  font: 700 11px/16px var(--kr-disp); letter-spacing: .16em; text-transform: uppercase; color: var(--kr-tmava);
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-nadp em {
  font: 600 12.5px/16px var(--kr-body); font-style: normal; letter-spacing: 0; text-transform: none; color: var(--bxp-zl);
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vcards {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;
}
@media (max-width: 479px) {
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px;
  width: auto; height: auto; min-width: 0; margin: 0; padding: 11px 6px 12px;
  background: #f7f5ef; border: 1px solid var(--bxp-line); border-radius: 12px; box-shadow: none;
  color: var(--kr-ink); font: inherit; text-align: center; text-transform: none; letter-spacing: normal;
  cursor: pointer; transition: border-color .2s, box-shadow .2s, background-color .2s;
  -webkit-tap-highlight-color: transparent;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk:hover { border-color: var(--bxp-gold); background: #fff; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk:focus-visible { outline: 3px solid var(--bxp-gold); outline-offset: 2px; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk[aria-pressed="true"] {
  border-color: var(--bxp-gold); background: #fff;
  box-shadow: 0 0 0 1px var(--bxp-gold), 0 8px 20px rgba(140, 105, 25, .18);
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk[aria-pressed="true"]::after {
  content: "\2713"; position: absolute; top: -8px; right: -8px; z-index: 1;
  display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%;
  background: linear-gradient(100deg, #8f7020, #e6c877 48%, #c49b31); color: #17130a;
  font: 800 11px/1 var(--kr-body); box-shadow: 0 3px 9px rgba(20, 15, 5, .3);
}
@media (hover: none) {
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk:hover { border-color: var(--bxp-line); background: #f7f5ef; }
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk[aria-pressed="true"]:hover { border-color: var(--bxp-gold); background: #fff; }
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-sil { display: block; width: 100%; height: auto; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-sil-gr { stroke: #cfc6ae; }
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk-l {
  margin-top: 2px; font: 700 19px/1 var(--kr-disp); color: var(--kr-ink);
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk-d {
  font: 600 11px/1.25 var(--kr-body); color: #5d5643; font-variant-numeric: tabular-nums;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk-c {
  margin-top: 1px; font: 700 14px/1.2 var(--kr-disp); color: var(--bxp-zl); font-variant-numeric: tabular-nums;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-tip {
  margin: 16px 0 0; padding: 0; font: 400 13.5px/1.5 var(--kr-body); color: #48412f; text-align: left;
}
body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-tip b { color: var(--kr-ink); font-weight: 700; }
@media (prefers-reduced-motion: reduce) {
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-vk,
  body.lcd-1v[data-lcd1v-typ="boxy"] #product-detail-form .lcd1v-bxp-set { transition: none; }
}
/* ===== LCD-1V-BOXY END ===== */

/* ===== LCD-1V-OBSAH-DVOJ START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah-dvoj.scss (obsah 1V dvojvrstvove 601/604/607; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V-OBSAH-DVOJ — obsah pod konfigurátorom dvojvrstvových (jeden pre 601/604/607). Vlastník: T1.3 (obsah-dvoj.js, admin-html/src/p1v-dvoj/,
   tools/test-1v/obsah-dvoj.mjs, assets/img/1v/obsah/dvoj-*). Pravidlá: docs/1v-obsah.md. Spec: prieskum-vsetky/navrh-dvojvrstvove.md §5–7.
   Čisté CSS (nekompiluje sa Sassom; tools/vloz-lcd-css.py ho vkladá do luxuryCar.css PO blokoch A–D). KAŽDÝ selektor začína body.lcd-1v;
   typ cez koreň obsahu #p1v-dvoj-1 / #p1v-dvoj-2 (id koreňov, rovnako ako 598 má #p1v-598-N), flag vypnutý = nič nevyberie.
   Obrázky: assets/img/1v/obsah/dvoj-* (CDN absolútna adresa …/eshopy/luxuryCar/assets/img/1v/obsah/…).

   Čo sem patrí: iba to, čo je oproti obsahu 598 INÉ (tabuľka .vs2, 6. doska materiálu a jej farby, náhľady „Deväť vecí“ s fotkami dvojvrstvových,
   ikona „Druhá vrstva“, pozadie záveru). Všetko ostatné (rytmus kapitol, karty, galéria, FAQ, časová os…) dávajú bloky A–D.
   Špecificita: pravidlá A–D majú id koreňa (1,x,x) a idú pred týmto blokom; kde tu prepisujem ich pravidlo, je selektor rovnako špecifický a vyhrá poradím. */

/* =============================================================== a-ponuka: „Jednovrstvové alebo dvojvrstvové?“ — tabuľka .vs2 (návrh N:2838–2849) */
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="a-ponuka"] .vs2{margin:14px 0 0;display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);border:1px solid rgba(230,200,119,.28);border-radius:12px;overflow:hidden;
  font-size:13px;line-height:1.4}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="a-ponuka"] .vs2 > span{padding:8px 10px;border-top:1px solid rgba(230,200,119,.16);
  color:rgba(255,255,255,.8);overflow-wrap:anywhere}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="a-ponuka"] .vs2 > span:nth-child(-n+3){border-top:0;font-family:var(--disp);font-weight:800;
  font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi);background:rgba(230,200,119,.08)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="a-ponuka"] .vs2 > span.r{color:rgba(255,255,255,.58);font-family:var(--disp);font-weight:700;font-size:12px}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="a-ponuka"] .vs2 > span.my{color:#fff;font-weight:600;background:rgba(230,200,119,.07)}
@media(max-width:520px){
  body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="a-ponuka"] .vs2{font-size:12px;grid-template-columns:minmax(0,.82fr) minmax(0,1fr) minmax(0,1fr)}
  body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="a-ponuka"] .vs2 > span{padding:7px 6px}
  body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="a-ponuka"] .vs2 > span:nth-child(-n+3){font-size:9.5px;letter-spacing:.02em;overflow-wrap:normal}
}

/* =============================================================== b-ocakavat: náhľady krokov z CSS (fotky dvojvrstvových, bez flagu sa nestiahnu) */
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="0"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/dvoj-ocakavat-celorocne.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="1"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/dvoj-ocakavat-druha-vrstva.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="2"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/dvoj-ocakavat-udrzba.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="3"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/f01.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="4"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/dvoj-ocakavat-pravost.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="5"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/dvoj-ocakavat-krytie.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="6"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/f05.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="7"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/dvoj-ocakavat-farba.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="8"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/dvoj-ocakavat-treti-rad.jpg)}

/* =============================================================== b-material: 6 dosiek (vrchná = odnímateľná druhá vrstva), farby hrán a vzorky v legende
   Blok B má farby a vzorky pre 5 dosiek (data-l 0–4); tu sú pre 6 (návrh N:4516–4576): prvá nová, ostatné posunuté o 1. */
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .mbox[data-l="0"]{--t:16px;--cf:rgb(40,44,56);--cb:rgb(20,22,29);--cl1:rgb(48,52,66);--cl2:rgb(28,31,40);--cr:rgb(22,24,31);--ct1:rgb(70,75,92);--ct2:rgb(45,49,61);--cbt:rgb(16,18,24)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .mbox[data-l="1"]{--t:16px;--cf:rgb(50,51,63);--cb:rgb(28,28,35);--cl1:rgb(60,60,72);--cl2:rgb(37,38,47);--cr:rgb(29,30,37);--ct1:rgb(83,84,97);--ct2:rgb(55,56,67);--cbt:rgb(24,24,30)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .mbox[data-l="2"]{--t:16px;--cf:rgb(240,240,240);--cb:rgb(132,132,132);--cl1:rgb(240,240,240);--cl2:rgb(178,178,178);--cr:rgb(139,139,139);--ct1:rgb(255,255,255);--ct2:rgb(226,226,226);--cbt:rgb(115,115,115)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .mbox[data-l="3"]{--t:16px;--cf:rgb(241,241,243);--cb:rgb(133,133,134);--cl1:rgb(241,241,243);--cl2:rgb(178,178,180);--cr:rgb(140,140,141);--ct1:rgb(255,255,255);--ct2:rgb(227,227,229);--cbt:rgb(116,116,117)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .mbox[data-l="4"]{--t:16px;--cf:rgb(246,245,244);--cb:rgb(135,135,134);--cl1:rgb(246,245,244);--cl2:rgb(182,181,181);--cr:rgb(143,142,142);--ct1:rgb(255,255,255);--ct2:rgb(231,230,230);--cbt:rgb(118,118,117)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .mbox[data-l="5"]{--t:16px;--cf:rgb(30,30,30);--cb:rgb(16,16,16);--cl1:rgb(40,40,40);--cl2:rgb(22,22,22);--cr:rgb(17,17,17);--ct1:rgb(62,62,62);--ct2:rgb(37,37,37);--cbt:rgb(14,14,14)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .leg[data-l="0"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/dvoj-material-vzorka-lux10.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .leg[data-l="1"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex5.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .leg[data-l="2"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex4.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .leg[data-l="3"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex3.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .leg[data-l="4"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex2.jpg)}
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="b-material"] .leg[data-l="5"] .sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/lcd-home/tex1.jpg)}

/* =============================================================== c-domov: ikona „Druhá vrstva“ je inline SVG (návrh N:4677, 40×40), nie náčrt PNG */
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="c-domov"] .bal .ba-i svg{display:block;width:40px;height:40px}

/* =============================================================== d-koniec: pozadie záveru = fotka dvojvrstvových (návrh dv-rf-end.jpg), nie hero.jpg z 598 */
body.lcd-1v :is(#p1v-dvoj-1,#p1v-dvoj-2) [data-lcd-sekcia="d-koniec"].p1v-blizko .endbg{
  background-image:url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/dvoj-koniec.jpg")}
/* ===== LCD-1V-OBSAH-DVOJ END ===== */

/* ===== LCD-1V-OBSAH-CLASSIC START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah-classic.scss (obsah 1V rohoz Classic 619/622/625; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V-OBSAH-CLASSIC — obsah pod konfigurátorom 1V, rohož do kufra Classic (619/622/625). Vlastník: T2.3
   (obsah-classic.js, admin-html/src/p1v-classic/, tools/test-1v/obsah-classic.mjs, assets/img/1v/obsah/classic-*).
   Čisté CSS (nekompiluje sa Sassom; tools/vloz-lcd-css.py ho vkladá do luxuryCar.css ZA bloky A–D). KAŽDÝ selektor začína
   body.lcd-1v; flag vypnutý = nulová zmena (test nulova-zmena). Kontrakt: docs/1v-kontrakt.md §8, pravidlá docs/1v-obsah.md §5.

   Spoločné sekcie (referencie, galéria, recenzie, materiál, porovnanie, kam, domov, časová os, farby, vzorky, realita, FAQ, záver)
   štýluje základ + skupiny A–D (v kóde ich pravidlá platia pre korene všetkých kľúčov: :is(#p1v-598-1,.p1v-obsah)).
   Tu sú len rozdiely rohože Classic oproti 598 podľa návrhu kufor-classic.html:
     - 8 vecí namiesto 9 (náhľady, bodky na telefóne, fotky náhľadov),
     - Pred a po: pomer fotky 1,5 a vzorky legendy z classic-pp-*.jpg,
     - NOVÉ: „Classic, alebo Premium?“ (.kc-cmp) a upsell boxu (.ups) s výzvou (.spat) — pravidlá skupín A–C sú viazané na mená sekcií 598,
     - vzorky farieb, ktoré produkt nemá (obsah-classic.js ich skryje).
   Špecificita: pravidlá titulky sú :is(#lcd-home,…) .x; predpona s id koreňov (1,3,x) ich prebije bez !important. */

/* ======================================================================== 8 VECÍ (b-ocakavat) */
/* PC: náhľady v 8 stĺpcoch (pod 1200 px v 4 = dva riadky po štyri), fotky náhľadov z CSS (v HTML len tlačidlá s číslom) */
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs{grid-template-columns:repeat(8,1fr)}
@media(max-width:1200px){
  body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs{grid-template-columns:repeat(4,1fr)}
}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="0"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-v1.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="1"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-v3.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="2"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-v4.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="3"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-v5.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="4"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-v6.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="5"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/b-ocakavat-farba-interieru.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="6"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/b-ocakavat-zvierata.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="7"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-v9.jpg)}
/* telefón / tablet na výšku: bodky cez 8 stĺpcov karuselu (skupina B ráta s 9 — vznikol by prázdny 9. stĺpec) */
@media(max-width:900px), (min-width:901px) and (max-width:1199px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-ocakavat"] .s2-rail{grid-column:1 / span 8}
}

/* ======================================================================== PRED A PO (b-predapo) */
/* fotky 900×675, návrh: pomer 1,5 aj na telefóne (598 má 2,14 : 1 pre fotku 1400×655) */
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-predapo"] .lx-pp-main{--lx-pomer:1.5}
@media(max-width:760px){
  body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-predapo"] .lx-pp-main{--lx-pomer:1.5}
}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(1) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-pp-1.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(2) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-pp-2.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(3) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-pp-3.jpg)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(4) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/classic-pp-4.jpg)}

/* ======================================================================== CLASSIC, ALEBO PREMIUM? (classic-premium, NOVÉ) */
/* zlaté tlačidlá bez tmavého rámika živého .btn (návrh: len prechod a tieň) */
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia^="classic-"] .btn{border:0}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-premium"] .lede{margin-top:14px}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-premium"] .cmp{margin-top:34px}
/* oba stĺpce sú „naše“ (.us); chýbajúca vlastnosť má sivú ikonu „–“ a fotky bez tmavého filtra */
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) .kc-cmp .cmp-col .ic.no{background:#e2ddd1;color:#8b8373}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) .kc-cmp .cmp-col .ph img{filter:none}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-premium"] .kc-cta{display:flex;justify-content:center;margin-top:clamp(22px,3vw,34px)}

/* výzva .spat (riadok vety a tlačidla; ako b-porovnanie a c-*, ktorých pravidlá sú viazané na mená sekcií 598) */
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia^="classic-"] .spat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(12px,2vw,22px);max-width:1240px;margin:0 auto;box-sizing:border-box;
  padding:clamp(20px,2.6vw,30px) var(--pad) clamp(32px,4vw,50px)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia^="classic-"] .spat > p{margin:0;max-width:34ch;font-family:var(--disp);font-weight:800;
  font-size:clamp(15px,1.6vw,19px);line-height:1.3;color:var(--ink)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia^="classic-"] .btn.spat-btn{flex:none;height:50px;margin:0;padding:0 26px !important;
  font-size:12px;letter-spacing:.1em}
@media(max-width:640px){
  body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia^="classic-"] .spat{flex-direction:column;align-items:stretch;text-align:center;gap:14px}
  body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia^="classic-"] .spat > p{max-width:none}
  body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia^="classic-"] .btn.spat-btn{width:100%;justify-content:center}
}

/* ======================================================================== KAM VŠADE ROHOŽ SIAHA (c-kam): tlačidlo na Premium */
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="c-kam"] .kry-b .kc-link{display:inline-flex;margin-top:16px}

/* ======================================================================== DOPLŇTE KUFOR O BOX (classic-box, NOVÉ): tmavá karta .ups ako a-ponuka */
/* Odsadenie a deliacu linku nad kartou dáva základ (rytmus kapitol, _lcd1v-obsah.scss) rovnako ako v návrhu: v návrhu má sekcia síce inline
   padding-top:0, ale .kap > section.chapter{padding-top:clamp(38px,4.8vw,68px) !important} ho prebije a medzi sekciami kapitoly je linka 1 px
   -> nad kartou ~61 px (PC) / 38 px (telefón) a linka pod „Kam všade rohož siaha“. Tu preto nič neprepisujeme. */
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--deep);color:#fff;
  border-radius:20px;overflow:hidden}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups .ph{position:relative;min-height:190px}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups .ph img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups .tx{padding:clamp(20px,2.6vw,32px)}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups .od{display:inline-block;padding:6px 11px;border-radius:999px;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a;
  font-family:var(--disp);font-size:9.5px;font-weight:800;line-height:1.6;letter-spacing:.1em;text-transform:uppercase}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups h3{margin:12px 0 0;font-size:clamp(19px,2.3vw,26px);line-height:1.2;
  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}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups p{margin:10px 0 0;max-width:46ch;color:rgba(255,255,255,.82);font-size:14px;line-height:1.6}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups ul{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups li{position:relative;margin:0;padding:0 0 0 19px;font-size:13.5px;line-height:1.6;color:#fff}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups li:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold))}
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups .btn{margin-top:18px;border:0}
@media(max-width:820px){body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups{grid-template-columns:1fr}}
@media(max-width:520px){body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="classic-box"] .ups ul{grid-template-columns:1fr}}

/* ======================================================================== FARBY (c-farby): vzorky, ktoré produkt nemá, skrýva obsah-classic.js */
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="c-farby"] :is(.lx-farby-vzorka,.lx-farby-viac)[hidden]{display:none !important}

/* ======================================================================== FAQ (d-faq): vety s cenami (FAQ 9, 10, 11) */
/* Veta s cenami (data-cl-ceny) sa ukáže, až keď sú všetky jej čísla data-p1v-cislo dosadené (obsah-classic.js; veta bez cien data-cl-bez potom zmizne); inak ostáva veta bez cien.
   Číslo v zbalenej odpovedi dedí visibility:hidden od .p1v-faq-a ako v ostatných typoch — žiadna obchádzka. */
body.lcd-1v :is(#p1v-classic-1,#p1v-classic-2) [data-lcd-sekcia="d-faq"] [data-cl-ceny]:not([data-cl-stav="ok"]){display:none}
/* ===== LCD-1V-OBSAH-CLASSIC END ===== */

/* ===== LCD-1V-OBSAH-PREMIUM START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah-premium.scss (obsah 1V rohoz Premium 628/631/634; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V obsah pod konfigurátorom rohože Premium (628/631/634), mapa #kryje. Vlastník: T2.4 (obsah-premium.js, admin-html/src/p1v-premium/)
   Čisté CSS (nekompiluje sa Sassom). KAŽDÝ selektor začína body.lcd-1v (typ cez koreň obsahu #p1v-premium-1|2, nie triedu);
   flag vypnutý = nulová zmena (test nulova-zmena). Kontrakt: docs/1v-kontrakt.md §8, pravidlá obsahu: docs/1v-obsah.md.
   Sekcie A–D (ponuka, galéria, ocakavat, materiál, domov, časová os, farby, FAQ, záver…) majú základný vzhľad z partialov
   _lcd1v-obsah-a|b|c|d.scss; tu sú len rozdiely Premium podľa návrhu kufor-premium.html (r. 3690–3770 a sekcie pod konfigurátorom):
   - dve karty .ups pod sebou (set + box),
   - „Päť vecí“: 5 náhľadov a bodiek namiesto 9, fotky náhľadov Premium,
   - pred a po: 3 vzorky legendy (premium-pp-*), legenda len s nadpismi (návrh: #predapo .lx-leg-t span{display:none}),
   - NOVÉ: „Premium alebo Classic?“ (.cmp-col.klas, .cmp-dalej) a „Čo všetko rohož Premium kryje“ (.kryv, .kz, SVG zóny),
   - ikona rohože v „Čo Vám príde domov“ je inline SVG.
   Špecificita: pravidlá titulky (LCD-HOME) majú id; predpona s id koreňov (1,x,x) ich prebije bez !important. */

/* =============================================================== a-ponuka: dve karty pod sebou */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="a-ponuka"] .ups + .ups{margin-top:clamp(14px,2vw,22px)}

/* =============================================================== b-ocakavat: päť vecí */
/* PC: náhľady v 5 stĺpcoch (B dáva 9; pod 1200 px už 5) a fotky náhľadov Premium (z CSS: bez flagu sa nestiahnu) */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs{grid-template-columns:repeat(5,1fr)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="0"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/premium-diamond-celok.jpg)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="1"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/premium-diamond-bok.jpg)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="2"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/b-ocakavat-zvierata.jpg)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="3"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/b-ocakavat-farba-interieru.jpg)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="4"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/premium-diamond-boxy-2.jpg)}
/* odkaz v texte (návrh: farba #7c5f16, podčiarknutý) */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-ocakavat"] .s2-t p a{color:#7c5f16;text-decoration:underline}
/* telefón / tablet na výšku: bodky pod karuselom cez 5 stĺpcov (B ráta 9; viac by vyrobilo prázdny posuvný priestor vpravo) */
@media(max-width:900px), (min-width:901px) and (max-width:1199px) and (orientation:portrait) and (hover:none) and (pointer:coarse){
  body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-ocakavat"] .s2-rail{grid-column:1 / span 5}
}

/* =============================================================== b-predapo: vzorky legendy, len nadpisy */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(1) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/premium-pp-dno.jpg)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(2) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/premium-pp-boky.jpg)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(3) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/premium-pp-operadla.jpg)}
/* návrh: legenda len s nadpismi, nech sa body zmestia pod užšiu fotku (pomer 1,5) */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-predapo"] .lx-leg-t span{display:none}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="b-predapo"] .lx-leg-ok{display:none}

/* =============================================================== výzva .spat v nových sekciách typu (C/B ju štýlujú len pre svoje mená) */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia^="premium-"] .spat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(12px,2vw,22px);max-width:1240px;margin:0 auto;box-sizing:border-box;
  padding:clamp(20px,2.6vw,30px) var(--pad) clamp(32px,4vw,50px)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia^="premium-"] .spat > p{margin:0;max-width:34ch;font-family:var(--disp);font-weight:800;
  font-size:clamp(15px,1.6vw,19px);line-height:1.3;color:var(--ink)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia^="premium-"] .btn.spat-btn{flex:none;height:50px;margin:0;padding:0 26px !important;
  font-size:12px;letter-spacing:.1em;border:0}
@media(max-width:640px){
  body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia^="premium-"] .spat{flex-direction:column;align-items:stretch;text-align:center;gap:14px}
  body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia^="premium-"] .spat > p{max-width:none}
  body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia^="premium-"] .btn.spat-btn{width:100%;justify-content:center}
}

/* =============================================================== premium-porovnanie: Premium alebo Classic? */
/* linka medzi sekciami kapitoly len medzi dvoma .chapter — pred porovnaním je scéna materiálu (ako b-porovnanie) */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-porovnanie"]{border-top:0}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-porovnanie"] .lede{margin-top:14px}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-porovnanie"] .cmp{margin-top:34px}
/* ľavý stĺpec je tmavý „Classic“ bez šedého filtra fotky a bez šedej ceny (návrh: .cmp-col.klas) */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-porovnanie"] .cmp-col.klas .ph img{filter:none}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-porovnanie"] .cmp-col.klas .price{color:var(--ink)}
/* cena „od …“ sa dosadí zo živých dát; kým nie je (alebo nie je vôbec), riadok sa neukáže */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-porovnanie"] .price:not(:has([data-p1v-stav="ok"])){display:none}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-porovnanie"] .cmp-dalej{display:flex;justify-content:center;
  gap:14px;flex-wrap:wrap;margin-top:clamp(20px,2.6vw,32px)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-porovnanie"] .cmp-dalej .btn:not(.ghost){border:0}

/* =============================================================== premium-kryje: čo všetko rohož Premium kryje (mapa krytia) */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .lede{margin-top:14px}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv{display:grid;gap:clamp(18px,2.8vw,40px);
  margin-top:clamp(20px,2.6vw,34px);align-items:center}
@media(min-width:901px){
  body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f{position:relative;border-radius:20px;overflow:hidden;
  background:var(--deep);border:1px solid var(--line);box-shadow:0 16px 40px rgba(20,15,5,.18)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f img{width:100%;height:auto;aspect-ratio:1/1;
  object-fit:cover;display:block}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* zóny: prerušovaný zlatý obrys, dno biele; viditeľná je zvolená (data-z) alebo všetky */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f .z{opacity:0;transition:opacity .4s}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f .z polygon{fill:rgba(230,200,119,.4);stroke:#f3dc96;
  stroke-width:6;stroke-linejoin:round;stroke-dasharray:22 14}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f .z-dno polygon{fill:rgba(255,255,255,.17);stroke:rgba(255,255,255,.85)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="vsetko"] .z{opacity:1}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="dno"] .z-dno,
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="boky"] .z-boky,
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="operadla"] .z-operadla{opacity:1}
/* číslované body na fotke */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f .pn{position:absolute;z-index:2;width:34px;height:34px;
  margin:-17px 0 0 -17px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:800;font-size:15px;color:#17130a;background:linear-gradient(135deg,var(--gold-hi),var(--gold));
  box-shadow:0 0 0 4px rgba(10,8,6,.55),0 6px 16px rgba(0,0,0,.5);transition:transform .3s,opacity .3s}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="dno"] .pn:not(.pn-dno),
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="boky"] .pn:not(.pn-boky),
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="operadla"] .pn:not(.pn-operadla){opacity:.35}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="dno"] .pn-dno,
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="boky"] .pn-boky,
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-f[data-z="operadla"] .pn-operadla{transform:scale(1.18)}
/* tlačidlá plôch vpravo */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kryv-l{display:grid;gap:10px}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;
  align-items:start;width:100%;margin:0;text-align:left;cursor:pointer;appearance:none;font:inherit;color:inherit;background:var(--paper);
  border:2px solid var(--line);border-radius:14px;padding:14px 16px;transition:border-color .25s,box-shadow .25s,transform .25s}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz:hover{border-color:rgba(196,155,49,.7);transform:translateY(-1px)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz.on{border-color:var(--gold);box-shadow:0 8px 22px rgba(140,105,25,.22)}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz .no{grid-row:1/span 3;width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:13px;background:#fff;
  border:2px solid var(--line);color:#6b6450;margin-top:2px}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz.on .no{background:linear-gradient(135deg,var(--gold-hi),var(--gold));
  border-color:transparent;color:#17130a}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz b{font-family:var(--disp);font-weight:800;font-size:15px;
  letter-spacing:.03em;text-transform:uppercase;color:var(--ink);line-height:1.2}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz i{font-style:normal;font-size:14px;line-height:1.5;color:#4a4433}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz .tg{justify-self:start;font-family:var(--disp);font-weight:800;
  font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#ece8dc;color:#6b6450}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz .tg.pr{background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz.vsetko{grid-template-columns:1fr;text-align:center;padding:11px 16px;border-style:dashed}
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="premium-kryje"] .kz.vsetko b{font-size:12px;letter-spacing:.1em}

/* =============================================================== c-domov: ikona rohože je inline SVG (C ráta s obrázkom 40 px) */
body.lcd-1v :is(#p1v-premium-1,#p1v-premium-2) [data-lcd-sekcia="c-domov"] .bal .ba-i svg{display:block;width:40px;height:40px}
/* ===== LCD-1V-OBSAH-PREMIUM END ===== */

/* ===== LCD-1V-OBSAH-BOXY START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah-boxy.scss (obsah 1V box do kufra 616; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V-OBSAH-BOXY — obsah pod konfigurátorom boxu do kufra 616 (návrh boxy.html, spec prieskum-vsetky/navrh-boxy.md §6).
   Vlastník: T3.3 (konfigurator1v/obsah-boxy.js, admin-html/src/p1v-boxy/*, tools/test-1v/obsah-boxy.mjs, assets/img/1v/obsah/boxy-*).
   Pravidlá: docs/1v-obsah.md. Čisté CSS (nekompiluje sa Sassom; tools/vloz-lcd-css.py ho vkladá do luxuryCar.css). KAŽDÝ selektor začína
   body.lcd-1v a koreňom obsahu boxu :is(#p1v-boxy-1,#p1v-boxy-2): pravidlá titulky (LCD-HOME alias) majú špecificitu id, bez id by nevyhrali.
   Spoločné sekcie (galéria, recenzie, deväť vecí, pred a po, kam siahajú, časová os, farby, vzorky, FAQ, záver) štýluje A–D podľa mena
   data-lcd-sekcia; tu sú len NOVÉ komponenty typu (.cenv, .vel4/.vc/.vpoz, .cross/.cr) a rozdiely oproti 598:
   8 krokov namiesto 9 (náhľady), vlastné fotky legendy pred a po, vlastné pozadie záveru, ikony balenia ako SVG, výzva .spat po veľkostiach.
   Obrázky: assets/img/1v/obsah/boxy-* (CDN absolútna adresa …/eshopy/luxuryCar/assets/img/1v/obsah/…). Spustenie pre všetkých
   (docs/1v-obsah.md bod 7): z každého selektora stačí zmazať „body.lcd-1v “ — id koreňa ostáva. */

/* =============================================================== a-ponuka: tabuľka cien .cenv (v tmavej karte .ups) */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="a-ponuka"] .cenv{margin-top:16px;display:grid;
  grid-template-columns:minmax(78px,1.45fr) repeat(4,minmax(0,1fr));border:1px solid rgba(230,200,119,.28);border-radius:14px;
  overflow:hidden;font-variant-numeric:tabular-nums}
/* riadok tabuľky = len ARIA obal, bunky ležia priamo v mriežke */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="a-ponuka"] .cenv .r{display:contents}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="a-ponuka"] .cenv .r > *{padding:9px 4px;font-size:13.5px;line-height:1.25;text-align:center;
  border-top:1px solid rgba(230,200,119,.16);color:#fff}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="a-ponuka"] .cenv .r > .h{border-top:0;font-family:var(--disp);font-weight:800;font-size:11px;
  letter-spacing:.1em;color:var(--gold-hi);background:rgba(255,255,255,.05)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="a-ponuka"] .cenv .r > .l{text-align:left;padding-left:12px;font-size:12px;color:rgba(255,255,255,.78)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="a-ponuka"] .cenv .r > .z{color:#8fe0b4;font-weight:700}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="a-ponuka"] .ups .cenv-note{margin-top:10px;font-size:12px;color:rgba(255,255,255,.62);max-width:none}

/* =============================================================== 20 b-ocakavat: 8 krokov (skupina B má 9) */
/* PC: náhľady v 8 stĺpcoch (pod 1200 px v 4), fotky náhľadov z CSS — bez flagu sa nestiahnu */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs{grid-template-columns:repeat(8,1fr)}
@media(max-width:1200px){
  body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs{grid-template-columns:repeat(4,1fr)}
}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="0"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-ocakavat-1.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="1"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-ocakavat-2.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="2"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-ocakavat-3.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="3"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-ocakavat-4.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="4"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-ocakavat-5.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="5"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-ocakavat-6.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="6"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-ocakavat-7.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-ocakavat"] .s2-thumbs [data-i="7"]:before{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-ocakavat-8.jpg)}

/* =============================================================== 21 boxy-velkosti: „Ktorá veľkosť patrí do Vášho kufra?“ */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .lede{margin-top:14px}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vel4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(10px,1.4vw,18px);margin-top:clamp(22px,3vw,34px)}
@media(max-width:900px){
  body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vel4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc{background:var(--paper);border:1px solid var(--line);border-radius:18px;
  padding:clamp(12px,1.5vw,18px);display:flex;flex-direction:column;gap:7px;min-width:0}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-sil{background:linear-gradient(165deg,#211c13,#0a0906);border-radius:12px;
  padding:12px 8px 6px}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-sil .sil{width:100%;height:auto;display:block}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-sil .sil .gr{stroke:#5b533c}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-s{display:flex;align-items:baseline;gap:8px;margin-top:4px}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-s b{font-family:var(--disp);font-weight:800;font-size:clamp(26px,3vw,38px);
  line-height:1;color:var(--ink)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-s span{font-family:var(--mono);font-size:10.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#7c5f16}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-d{font-size:14px;font-weight:600;color:#3d3728;font-variant-numeric:tabular-nums}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-p{margin:0;font-size:13px;line-height:1.45;color:var(--mute)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-r{margin-top:auto;padding-top:9px;border-top:1px solid var(--line);
  display:grid;gap:3px;font-size:13px;color:#4a4433}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-r div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-r b{white-space:nowrap;font-family:var(--disp);font-weight:800;
  font-variant-numeric:tabular-nums;color:var(--ink);font-size:15px}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vc-r .z b{color:#1f8057}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vpoz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(10px,1.4vw,18px);margin-top:clamp(14px,1.8vw,22px)}
@media(max-width:760px){
  body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vpoz{grid-template-columns:1fr}
}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vpoz .p{display:grid;grid-template-columns:auto 1fr;gap:3px 13px;align-items:start;
  padding:14px 16px;border:1px dashed rgba(155,122,36,.5);border-radius:14px}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vpoz .p i{font-style:normal;grid-row:1/span 2;width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:13px;color:#17130a;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold))}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vpoz .p b{font-family:var(--disp);font-weight:800;font-size:15px;line-height:1.25;align-self:end}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .vpoz .p span{font-size:13.5px;line-height:1.5;color:var(--mute)}

/* výzva .spat po veľkostiach: sekcia nemá meno c-…, preto ju štýl skupiny C nevyberie — rovnaké hodnoty ako c-kam / c-casova-os */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .btn{border:0}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .spat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(12px,2vw,22px);max-width:1240px;margin:0 auto;box-sizing:border-box;
  padding:clamp(20px,2.6vw,30px) var(--pad) clamp(32px,4vw,50px)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .spat > p{margin:0;max-width:34ch;font-family:var(--disp);font-weight:800;
  font-size:clamp(15px,1.6vw,19px);line-height:1.3;color:var(--ink)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .btn.spat-btn{flex:none;height:50px;margin:0;padding:0 26px !important;
  font-size:12px;letter-spacing:.1em}
@media(max-width:640px){
  body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .spat{flex-direction:column;align-items:stretch;text-align:center;gap:14px}
  body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .spat > p{max-width:none}
  body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-velkosti"] .btn.spat-btn{width:100%;justify-content:center}
}

/* =============================================================== 23 b-predapo: legenda s vlastnými fotkami (skupina B dáva fotky 598 podľa poradia) */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(1) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-pp-1.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(2) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-pp-2.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(3) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-pp-3.jpg)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="b-predapo"] .lx-leg-r:nth-child(4) .lx-leg-sw{background-image:url(https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-pp-4.jpg)}

/* =============================================================== 31 c-domov: „Čo dostanete“ — ikony balenia sú inline SVG (598 má obrázky) */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="c-domov"] .bal .ba-i svg{display:block;width:30px;height:30px}

/* =============================================================== 40 boxy-cross: „Doplňte kufor o rohož“ */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .lede{margin-top:12px}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cross{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.6vw,20px);margin-top:clamp(20px,2.6vw,32px)}
@media(max-width:820px){
  body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cross{grid-template-columns:1fr}
}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr{position:relative;display:flex;flex-direction:column;background:var(--paper);
  border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr:hover{transform:translateY(-3px);border-color:rgba(155,122,36,.5);
  box-shadow:0 14px 34px rgba(20,15,5,.12)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr img{width:100%;max-width:none;aspect-ratio:16/10;object-fit:cover;display:block}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr-t{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr .od{align-self:flex-start;
  background:linear-gradient(100deg,var(--gold-lo),var(--gold-hi) 48%,var(--gold));color:#17130a;font-family:var(--disp);font-weight:800;
  font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr h3{margin:4px 0 0;font-size:clamp(16px,1.5vw,19px)}
/* odkaz je len v nadpise (TinyMCE nepustí blokové prvky do <a>); ::after ho natiahne na celú kartu */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr h3 a{color:inherit;text-decoration:none;-webkit-text-fill-color:currentColor}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr h3 a:after{content:"";position:absolute;inset:0;z-index:1}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr h3 a:focus-visible{outline:none}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr:has(h3 a:focus-visible){outline:2px solid var(--gold);outline-offset:3px}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mute)}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr-c{margin-top:auto;padding-top:10px;display:flex;align-items:baseline;
  gap:10px;flex-wrap:wrap}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr-c b{font-family:var(--disp);font-weight:800;font-size:22px;color:var(--ink);
  font-variant-numeric:tabular-nums}
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="boxy-cross"] .cr-c i{font-style:normal;font-size:12.5px;font-weight:600;color:#7c5f16}

/* =============================================================== 42 d-koniec: pozadie záveru = fotka boxov (skupina D dáva hero.jpg) */
body.lcd-1v :is(#p1v-boxy-1,#p1v-boxy-2) [data-lcd-sekcia="d-koniec"].p1v-blizko .endbg{
  background-image:url("https://cdn.myshoptet.com/usr/shoptet.jankucera.work/user/documents/eshopy/luxuryCar/assets/img/1v/obsah/boxy-end.jpg")}
/* ===== LCD-1V-OBSAH-BOXY END ===== */

/* ===== LCD-1V-VZORKY START - generovane tools/vloz-lcd-css.py z _lcd1v-vzorky.scss (konfigurator 1V vzorkovnik 637; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V vzorkovník 637 (typ „vzorky“) — nový vzhľad podľa návrhu navrhy/vzorkovnik.html (opravený 14. 10. 2026).
   Tichý test: platí LEN pod body.lcd-1v[data-lcd1v-typ="vzorky"] (?novy=vyvoj, po vydaní ?novy=1). Bez flagu sa nič nemení.
   Vlastník: assets/js/components/konfigurator1v/vzorky-produkt.js (T5.1). Kontrakt: docs/1v-kontrakt.md.
   Čisté CSS (súbor sa nekompiluje Sassom, tools/vloz-lcd-css.py ho vkladá do luxuryCar.css bajt po bajte; blok
   LCD-1V-VZORKY treba zaregistrovať v BLOKY — robí integrátor).

   Spoločné prvky 1V sa len použijú (ich CSS je v _lcd1v-kroky.scss a _lcd1v-cena.scss pod body.lcd-1v):
   karta kroku .lcd1v-krok (+ .active, .lcd1v-hotovy, .lcd1v-chyba, .lcd1v-zablesk, .lcd1v-hd …), postup .lcd1v-postup,
   náhľad .lcd1v-nahlad, chyba .lcd1v-chyba-tx, štítok .lcd1v-typ, hodnotenie .lcd1v-hodn, „Spolu“ .lcd1v-suhrn,
   tlačidlo košíka (živé, preštýlované) a lišta .lcd1v-lista. Tu je len to, čo má iba vzorkovník.
   .p-info-wrapper je flex stĺpec so živým poradím (hlavička 1, tabuľka parametrov 2, widget 4, cena 5, košík 7, FAQ 8). */

/* ---------- živé prvky, ktoré nový vzhľad nahrádza (ostávajú v DOM aj so svojím JS) ---------- */
/* živý widget vzoriek (dlaždice nad skrytými selectmi) — nový vzhľad píše do tých istých selectov cez ctx.zapis */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > .lcd-vz-host { display: none !important; }
/* „Poznámka k objednávke“ (pole doplnku ProductNote.js) — návrh vzorkovnik.html ju nemá (po „Vyberte vzorky“ ide hneď
   obsah); ostáva v DOM, prázdne pole doplnok do objednávky nič nepridá */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .NoteDiv { display: none !important; }
/* krátky popis z adminu opisuje starý výber („zaškrtni (Chcem)“) a tyká — nahrádza ho karta ceny a kroky */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > .p-short-description { display: none !important; }
/* živý H1 ostáva v DOM (SEO, čítačka) — vizuálne ho nahrádza nadpis návrhu .lcd1v-vz-nazov (plan.md §2.5) */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-detail-inner-header h1 {
  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.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-detail-inner-header { position: relative; }

/* ---------- hlavička: nadpis návrhu (rovnaký tvar ako H1 nového vzhľadu, _lcd1v-cena.scss) ---------- */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-detail-inner-header .lcd1v-vz-nazov {
  margin: 0; padding: 0;
  font-family: var(--c1v-disp); font-weight: 700; font-size: 26px; line-height: 1.14; letter-spacing: .02em;
  text-transform: uppercase; color: var(--c1v-ink); text-wrap: balance;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-nazov em {
  display: block; margin: 2px 0 0; font-size: 1em; font-weight: 600; font-style: normal; letter-spacing: .04em; color: var(--c1v-zl);
}

/* ---------- cena vzorky (bez poľa, ako cena nového vzhľadu) ---------- */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > .lcd1v-vz-cena {
  order: 1; margin: 22px 0 0; padding: 0 0 18px; border-bottom: 1px solid var(--c1v-line);
  font-family: var(--c1v-body); color: var(--c1v-ink);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-cena__stitok {
  display: block; margin: 0 0 6px;
  font: 700 10.5px/16px var(--c1v-disp); letter-spacing: .16em; text-transform: uppercase; color: var(--c1v-tm);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-cena__suma {
  display: block; font: 600 40px/1 var(--c1v-disp); color: var(--c1v-ink); font-variant-numeric: tabular-nums; white-space: nowrap;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-cena__pozn {
  display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin: 12px 0 0; padding: 0;
  font: 400 15px/20px var(--c1v-body); color: var(--c1v-lb);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-cena__zal { display: inline-flex; align-items: center; gap: 7px; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-cena__zal b { color: var(--c1v-zn); font-weight: 700; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-tip {
  margin: 12px 0 0; padding: 11px 13px; border: 1px solid #e6d7ab; border-radius: 12px; background: #faf6ea;
  font: 400 14px/1.45 var(--c1v-body); color: var(--c1v-tm);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-tip[hidden] { display: none; }
/* „i“ (vysvetlenie) pri zálohe a pri druhej vrstve; dotyková plocha 44 px cez ::before */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-info {
  position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 20px; height: 20px; min-height: 0; margin: 0; padding: 0; border: 1px solid var(--c1v-gold); border-radius: 50%;
  background: #fff; color: var(--c1v-zl); font: 800 11px/1 var(--c1v-disp); text-transform: none; letter-spacing: 0;
  vertical-align: middle; cursor: pointer; box-shadow: none;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-info::before {
  content: ""; position: absolute; inset: -12px; border-radius: 50%;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-info[aria-expanded="true"] { background: var(--c1v-gold); color: #17130a; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-info:focus-visible { outline: 2px solid var(--c1v-gold); outline-offset: 2px; }

/* pás „Zálohu dostanete späť“ (vzor .sethint návrhu boxy.html) + rozbalený postup vrátenia */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > button.lcd1v-vz-hint {
  order: 1; display: flex; align-items: center; gap: 12px; width: 100%; height: auto; min-height: 0; margin: 14px 0 0;
  padding: 11px 14px; border: 1.5px dashed rgba(155, 122, 36, .5); border-radius: 12px; background: rgba(196, 155, 49, .08);
  box-shadow: none; color: var(--c1v-ink); text-align: left; text-transform: none; letter-spacing: 0;
  font: 400 13px/1.3 var(--c1v-body); cursor: pointer; transition: border-color .2s, background-color .2s;
}
@media (hover: hover) {
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > button.lcd1v-vz-hint:hover { border-color: var(--c1v-gold); background: rgba(196, 155, 49, .15); }
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-hint:focus-visible { outline: 2px solid var(--c1v-gold); outline-offset: 2px; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-hint__ic {
  display: flex; flex: none; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%;
  background: linear-gradient(100deg, #8f7020, #e6c877 48%, #c49b31); color: #17130a;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-hint__t { min-width: 0; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-hint__t b {
  display: block; font: 800 13.5px/1.3 var(--c1v-disp); color: var(--c1v-ink);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-hint__t span {
  display: block; margin: 2px 0 0; font: 400 12.5px/1.35 var(--c1v-body); color: #4a4433;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-hint__go {
  flex: none; margin: 0 0 0 auto; font: 800 10.5px/1 var(--c1v-disp); letter-spacing: .1em; text-transform: uppercase; color: var(--c1v-zl);
}
@media (max-width: 420px) {
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-hint__go { display: none; }
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > .lcd1v-vz-vratenie {
  order: 1; margin: 8px 0 0; padding: 12px 14px; border: 1px solid var(--c1v-line); border-radius: 12px; background: #fff;
  font: 400 14px/1.5 var(--c1v-body); color: var(--c1v-tm);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > .lcd1v-vz-vratenie[hidden] { display: none; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-vratenie__zoz { margin: 0 0 6px; padding: 0 0 0 20px; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-vratenie p { margin: 0 0 6px; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form a.lcd1v-vz-vratenie__a {
  display: inline-block; padding: 6px 0; color: var(--c1v-ink); font-weight: 700;
  text-decoration: underline; text-decoration-color: var(--c1v-gold); text-underline-offset: 3px;
}

/* ---------- kroky (série vzoriek) ---------- */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > .lcd1v-vz-kroky {
  order: 3; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0;
}
/* postup má v _lcd1v-kroky.scss order 3 (poradie v .p-info-wrapper) — tu je prvý v stĺpci krokov */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-kroky > .lcd1v-postup { order: -1; margin: 24px 0 0; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-postup-dl i.p { background: #c9c2ae; }
/* krok potvrdený bez vzorky = preskočený: nie zelený, zhrnutie tlmené */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-krok.lcd1v-vz-preskoceny:not(.active) .lcd1v-vy { color: #8a8471; font-style: italic; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-krok.lcd1v-vz-preskoceny:not(.active) .lcd1v-no { color: #8a8471; }
/* podnadpis s „i“ */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-krok > .lcd1v-pod button.lcd1v-vz-info { margin: 0 0 0 4px; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-krok > .lcd1v-vz-vysv {
  margin: -6px 0 16px; padding: 11px 13px; border: 1px solid #e6d7ab; border-radius: 12px; background: #faf6ea;
  font: 400 14px/1.45 var(--kr-body); color: var(--kr-tmava);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-krok > .lcd1v-vz-vysv[hidden] { display: none !important; }

/* skupiny vzoriek: nadpis s linkou a počtom */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-skup + .lcd1v-vz-skup { margin-top: 18px; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-fnad {
  display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 0;
  font: 800 10.5px/1.3 var(--kr-disp); letter-spacing: .14em; text-transform: uppercase; color: #5a5240;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-fnad::after {
  content: ""; order: 2; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(196, 155, 49, .5), transparent);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-fnad b { order: 3; flex: none; font-size: 10px; color: #8a8471; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-skup--nahlad .lcd1v-vz-fnad { color: #8a8471; }

/* dlaždice: fotka vzorky, pod ňou názov farby zo živého webu a kód (ten istý je v košíku) */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-farby {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 8px; margin: 0; padding: 0;
}
@media (min-width: 721px) {
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-farby { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px 10px; }
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-dl {
  position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 5px;
  width: auto; height: auto; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0;
  background: none; box-shadow: none; color: inherit; text-align: center; text-transform: none; letter-spacing: 0;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-sw {
  position: relative; display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden;
  border: 1px solid rgba(20, 15, 5, .22); border-radius: 12px; background: #f1ede2;
  transition: transform .2s, border-color .2s, box-shadow .2s;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-img {
  display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; object-fit: cover;
}
@media (hover: hover) {
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-dl:not(.lcd1v-vz-dl--nahlad):hover .lcd1v-vz-sw {
    transform: translateY(-2px); border-color: var(--kr-gold);
  }
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-dl:focus-visible { outline: 0; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-dl:focus-visible .lcd1v-vz-sw { outline: 3px solid var(--kr-gold); outline-offset: 2px; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-dl.on .lcd1v-vz-sw {
  border-color: #fff; box-shadow: 0 0 0 2px var(--kr-gold), 0 6px 14px rgba(20, 15, 5, .25);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-dl.on .lcd1v-vz-sw::after {
  content: "\2713"; position: absolute; top: 5px; right: 5px; display: flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; border-radius: 50%; background: var(--kr-zlato); color: #17130a;
  font: 800 12px/1 var(--kr-body); box-shadow: 0 2px 8px rgba(20, 15, 5, .35);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-nm {
  display: block; margin: 0; font: 700 10.5px/1.22 var(--kr-disp); letter-spacing: .01em; color: var(--kr-tmava);
  overflow-wrap: anywhere;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-kd {
  display: block; margin: -2px 0 0; font: 700 9.5px/1.2 var(--kr-disp); letter-spacing: .08em; color: #9a917a;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-dl.on .lcd1v-vz-nm { color: var(--kr-ink); }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-dl.on .lcd1v-vz-kd { color: var(--kr-gold-tx); }
/* náhľad (neposiela sa, živý widget ho nedovolí objednať): tlmený, štítok, klik len ukáže fotku */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-dl--nahlad { cursor: zoom-in; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-dl--nahlad .lcd1v-vz-img { filter: saturate(.75); opacity: .8; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-dl--nahlad .lcd1v-vz-nm,
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-dl--nahlad .lcd1v-vz-kd { color: #9a917a; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-tag {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 3px 2px 2px; background: rgba(23, 19, 10, .82); color: #fff;
  font: 800 8px/1.2 var(--kr-disp); letter-spacing: .08em; text-transform: uppercase; text-align: center; pointer-events: none;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-krok > .lcd1v-vz-npozn {
  margin: 14px 0 0; padding: 0; font: 400 13.5px/1.45 var(--kr-body); color: var(--kr-mute);
}
/* náhľad kliknutej vzorky: nižší pás, nech súhrn neodsunie ďaleko dole (návrh) */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-krok > .lcd1v-nahlad > .lcd1v-nahlad-img { aspect-ratio: 2 / 1; }

/* „Pokračujte ďalej“ / „Pokračujte k súhrnu“ (rovnaký vzhľad ako živé .next-step-button v 1V) */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-krok > button.lcd1v-vz-dalej {
  position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box;
  width: 100%; max-width: none; height: 56px; min-height: 0; margin: 22px 0 0; padding: 0 26px; border: 0; border-radius: 12px;
  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);
  color: #fff; font: 900 14px/22.4px var(--kr-disp); letter-spacing: .12em; text-align: center; text-transform: uppercase;
  cursor: pointer; transition: box-shadow .2s, transform .2s;
}
@media (hover: hover) {
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-krok > button.lcd1v-vz-dalej:hover {
    box-shadow: 0 14px 30px rgba(31, 115, 80, .42), inset 0 1px 0 rgba(255, 255, 255, .22); transform: translateY(-1px);
  }
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-krok > button.lcd1v-vz-dalej:focus-visible { outline: 3px solid var(--kr-gold); outline-offset: 3px; }

/* ---------- vybrané vzorky, „Spolu“, poznámka (nad živým tlačidlom košíka, poradie 7) ---------- */
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > .lcd1v-vz-vyber {
  order: 7; margin: 18px 0 0; padding: 14px 16px 12px; border: 1px solid var(--c1v-line); border-radius: 14px; background: #fff;
  font-family: var(--c1v-body);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-vyber__hd {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0;
  font: 800 10.5px/16px var(--c1v-disp); letter-spacing: .14em; text-transform: uppercase; color: var(--c1v-tm);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-pocet {
  display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 7px;
  border-radius: 999px; background: #2f9c68; color: #fff; font: 800 12px/1 var(--c1v-disp); letter-spacing: 0;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-pocet.nula { background: #d9d4c6; color: #5a5240; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-prazdne { margin: 8px 0 2px; font: 400 14px/1.4 var(--c1v-body); color: var(--c1v-lb); }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-prazdne[hidden] { display: none; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-zoz { list-style: none; margin: 8px 0 0; padding: 0; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-zoz:empty { display: none; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-zoz li {
  display: flex; align-items: center; gap: 11px; margin: 0; padding: 8px 0; border-top: 1px solid #efebe1;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-zoz li:first-child { border-top: 0; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-zoz__f {
  flex: none; width: 38px; height: 38px; border: 1px solid rgba(20, 15, 5, .18); border-radius: 8px;
  background: #f1ede2 center / cover no-repeat;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-zoz__t { flex: 1; min-width: 0; line-height: 1.25; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-zoz__t b {
  display: block; overflow: hidden; font: 600 14px/1.3 var(--c1v-body); color: var(--c1v-ink); text-overflow: ellipsis; white-space: nowrap;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-zoz__t i {
  display: block; font: 700 10.5px/1.3 var(--c1v-disp); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: var(--c1v-zl);
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-zoz__c {
  flex: none; font: 800 14px/1 var(--c1v-disp); color: var(--c1v-ink); font-variant-numeric: tabular-nums;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-zoz__x {
  position: relative; display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 30px; height: 30px; min-height: 0; margin: 0; padding: 0; border: 1px solid var(--c1v-line); border-radius: 50%;
  background: #fff; box-shadow: none; color: #5a5240; font: 400 17px/1 var(--c1v-body); text-transform: none; cursor: pointer;
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-zoz__x::before { content: ""; position: absolute; inset: -7px; }
@media (hover: hover) {
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-zoz__x:hover { border-color: #b8432f; color: #b8432f; }
}
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form button.lcd1v-vz-zoz__x:focus-visible { outline: 2px solid var(--c1v-gold); outline-offset: 2px; }
body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > .lcd1v-vz-sumpozn {
  order: 7; margin: 6px 0 0; padding: 0; font: 400 13px/1.4 var(--c1v-body); color: var(--c1v-lb); text-align: right;
}

/* ---------- rozmery ---------- */
@media (min-width: 901px) {
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-detail-inner-header .lcd1v-vz-nazov { font-size: 32px; }
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-cena__suma { font-size: 46px; }
}
@media (max-width: 380px) {
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-detail-inner-header .lcd1v-vz-nazov { font-size: 24px; }
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-cena__suma { font-size: 36px; }
}
@media (max-width: 520px) {
  /* telefón: poznámka pri zálohe v dvoch riadkoch bez bodky */
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-cena__bod { display: none; }
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-cena__za { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-sw,
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .lcd1v-vz-krok > button.lcd1v-vz-dalej,
  body.lcd-1v[data-lcd1v-typ="vzorky"] #product-detail-form .p-info-wrapper > button.lcd1v-vz-hint { transition: none; }
}
/* ===== LCD-1V-VZORKY END ===== */

/* ===== LCD-1V-OBSAH-VZORKY START - generovane tools/vloz-lcd-css.py z _lcd1v-obsah-vzorky.scss (obsah 1V vzorkovnik 637; len body.lcd-1v), needituj rucne ===== */
/* LCD-1V-OBSAH-VZORKY — obsah pod konfigurátorom vzorkovníka 637 (návrh vzorkovnik.html, T5.1b 14. 10. 2026).
   Vlastník: T5.1b (+ admin-html/src/p1v-vzorky/, tools/test-1v/obsah-vzorky.mjs, assets/img/1v/obsah/vzorky-*). Pravidlá: docs/1v-obsah.md.
   Čisté CSS (nekompiluje sa Sassom; tools/vloz-lcd-css.py ho vkladá do luxuryCar.css bajt po bajte; blok pridá integrátor).
   KAŽDÝ selektor začína body.lcd-1v (flag vypnutý = nulová zmena). Korene: #p1v-vzorky-1, #p1v-vzorky-2 (po spustení v Popise
   ostáva #p1v-vzorky-1). Základ titulky (blok LCD-HOME: --ink, --gold, --ground, .chapter, .wrap, h2, .lede, .btn, .rv) platí na
   koreňoch obsahu cez alias; zlaté nadpisy, .lede 46ch a reveal .rv dáva základ LCD-1V-OBSAH bod 6.

   Sekcie vzorkovníka (admin-html/src/p1v-vzorky/):
     c-casova-os      „Ako k Vám vzorky prídu“  — meno zo skupiny C: oživí ju obsah-c.js, vzhľad .tml dáva _lcd1v-obsah-c.scss
     vzorky-vratenie  „Ako dostanete zálohu späť“ + výzva — vlastná sekcia typu: vzhľad je TU (.kry/.zoz/.spat/.vz-form)
     a-ponuka         tmavá karta „Zostavte si autokoberce na mieru“ — vzhľad .ups dáva _lcd1v-obsah-a.scss, TU len .vz-ups-cta
     d-faq            FAQ — oživí ho obsah-d.js, vzhľad .p1v-faq-* dáva _lcd1v-obsah-d.scss
   Pozor (pre integrátora): _lcd1v-obsah-a|c|d.scss cielia :is(#p1v-598-1,#p1v-598-2); pre vzorky musia mať v zozname aj .p1v-obsah
   (oprava z T0.3 poznámky v docs/1v-obsah.md §2; pri integrácii T1.x už je). Tento súbor od nich nezávisí, okrem troch zdieľaných
   sekcií vyššie.

   Podklad: sekcie nemajú data-lcd-kap, takže ostáva podklad koreňa (--ground #eceae5 ako v návrhu, kap 2/4 by dali svetlejší --sand).
   Odsadenie kapitol ako návrh: clamp(46px,6vw,86px) (LCD-HOME ARMOR dáva .chapter padding s !important, preto !important aj tu). */

/* rytmus kapitol (návrh: .chapter{padding-block:clamp(46px,6vw,86px)}) */
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) section.chapter{
  padding-top:clamp(46px,6vw,86px) !important;padding-bottom:clamp(46px,6vw,86px) !important}
/* vlasová linka pred „Ako dostanete zálohu späť“ a pred FAQ (návrh .chapter + .chapter) */
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] > section.chapter,
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) section.chapter[data-lcd-sekcia="d-faq"]{border-top:1px solid rgba(155,122,36,.16)}

/* ---------- vzorky-vratenie: dve témy (vrátenie vzoriek / vrátenie zálohy), na PC biele karty vedľa seba ---------- */
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .kry{display:grid;gap:clamp(20px,2.4vw,30px);margin-top:clamp(16px,2vw,26px)}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .zoz-h{margin:0 0 12px;font-family:var(--disp);font-weight:800;font-size:11px;
  line-height:1.14;letter-spacing:.12em;text-transform:uppercase;color:#7c5f16}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .kry-note{margin:8px 0 0;color:var(--mute);font-size:14px;line-height:1.5}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .zoz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;
  gap:0 clamp(24px,3.4vw,56px)}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .zoz li{position:relative;margin:0;padding:11px 0 11px 28px;
  font-size:14.5px;line-height:1.45;color:#3f3a2c;border-top:1px solid rgba(155,122,36,.22);list-style:none;background:none}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .zoz li:first-child{border-top:0}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .zoz li:before{content:"";position:absolute;left:2px;top:16px;width:13px;height:13px;
  margin:0;border-radius:50%;background:linear-gradient(150deg,var(--gold-hi),var(--gold-lo));box-shadow:inset 0 0 0 3px var(--ground)}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .zoz li i{font-style:normal;margin-left:9px;padding:3px 8px;font-family:var(--disp);
  font-weight:800;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#7c5f16;border:1px solid rgba(155,122,36,.45);
  border-radius:999px;white-space:nowrap;vertical-align:2px}
@media(min-width:901px){
  body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .kry{grid-template-columns:1fr 1fr;gap:clamp(26px,3vw,44px);align-items:start}
  body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .kry-b{background:var(--paper);border:1px solid var(--line);border-radius:16px;
    padding:clamp(18px,2vw,26px) clamp(20px,2.2vw,28px) clamp(18px,2vw,26px)}
}
/* tlačidlo „Formulár nájdete tu“ (návrh .kry-b .vz-form: biele, rám zo .btn.ghost) */
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .vz-form{margin-top:16px;background:#fff}

/* výzva .spat (návrh: riadok vety a zlatého tlačidla; rám z šablóny Shoptetu (.btn border 1px) má len ghost) */
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .btn:not(.ghost){border:0}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .spat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(12px,2vw,22px);max-width:1240px;margin:0 auto;box-sizing:border-box;
  padding:clamp(20px,2.6vw,30px) var(--pad) clamp(32px,4vw,50px)}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .spat > p{margin:0;max-width:34ch;font-family:var(--disp);font-weight:800;
  font-size:clamp(15px,1.6vw,19px);line-height:1.3;color:var(--ink)}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .btn.spat-btn{flex:none;height:50px;margin:0;padding:0 26px !important;
  font-size:12px;letter-spacing:.1em}
@media(max-width:640px){
  body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .spat{flex-direction:column;align-items:stretch;text-align:center;gap:14px}
  body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .spat > p{max-width:none}
  body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="vzorky-vratenie"] .btn.spat-btn{width:100%;justify-content:center}
}

/* ---------- a-ponuka: dve tlačidlá vedľa seba (Jednovrstvové zlaté, Dvojvrstvové s rámom; .ups z _lcd1v-obsah-a.scss) ---------- */
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="a-ponuka"] .vz-ups-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="a-ponuka"] .vz-ups-cta .btn{margin-top:0}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="a-ponuka"] .vz-ups-cta .btn.ghost{border:1px solid rgba(230,200,119,.45);color:#fff;background:none}
body.lcd-1v :is(#p1v-vzorky-1,#p1v-vzorky-2) [data-lcd-sekcia="a-ponuka"] .vz-ups-cta .btn.ghost:hover{border-color:var(--gold-hi)}
/* ===== LCD-1V-OBSAH-VZORKY 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}
}

/* ===== Produkt na tablete (2026-10-08, Michalove fotky z iPadu) ===== */
/* Zloženie materiálu: text ležal cez kresbu vrstiev (absolútne, bottom 12-40 %) na všetkých šírkach do ~1640 px,
   na telefóne bol navyše hore orezaný (overflow:hidden). Do 1199 px text nad kresbou v toku, od 1200 px vedľa nej. */
@media (max-width: 1199px) {
  .basic-description .layers-info-wrap { display: flex; flex-direction: column; }
  .basic-description .layers-info-wrap .layers-text { order: -1; position: static !important; bottom: auto !important;
    left: auto; width: auto; padding: 24px 20px 8px; }
  .basic-description .layers-info-wrap .layers-text p { max-width: 62ch; }
}
@media (min-width: 1200px) {
  .basic-description .layers-info-wrap { display: grid; grid-template-columns: minmax(280px, 30%) minmax(0, 1fr);
    align-items: center; gap: 24px; }
  .basic-description .layers-info-wrap .layers-text { grid-column: 1; grid-row: 1; position: static !important;
    bottom: auto !important; width: auto; }
  .basic-description .layers-info-wrap .image-container { grid-column: 2; grid-row: 1; width: auto; max-width: 100%;
    margin: 0; }
  .basic-description .layers-info-wrap .image-container img.main-image { width: 100%; height: auto; }
}
/* iPad na šírku a iPad Pro (992-1199 px): vrch produktu v dvoch stĺpcoch ako na PC — predtým len obrovská fotka
   (972 × 1080 px), názov 1,5 obrazovky nižšie a tlačidlo do košíka mimo dohľadu (lepkavá lišta je od 992 px skrytá) */
@media (min-width: 992px) and (max-width: 1199px) {
  .type-detail .product-top > .p-image-wrapper,
  .type-detail .product-top > .p-info-wrapper { width: 50%; }
  .p-info-wrapper .price-final-holder { font-size: clamp(26px, 2.6vw, 34px); }
  .p-info-wrapper .price-final-holder .calculated-price { font-size: inherit; }
  /* cena a tlačidlo pod sebou: stĺpec má len ~450 px, cena vedľa tlačidla (230 px, vytiahnuté o 75 px hore) sa
     nezmestila — „5 664 Kč“ zašla pod tlačidlo a odporúčaná cena sa lámala na dva riadky (kontrola 9. 10. 2026) */
  .p-info-wrapper .p-final-price-wrapper { padding-right: 0; }
  .p-info-wrapper .add-to-cart { top: 0; margin-top: 18px; justify-content: stretch; }
  .p-info-wrapper .add-to-cart .add-to-cart-button { flex: 1 1 100%; width: 100%; min-height: 52px; }
}
/* lepkavá lišta (469-991 px hore): dostupnosť „(Skladom)“ nepatrí k tovaru na mieru (dodanie 25-35 dní) a inde
   na stránke sa neukazuje; náhľad a tlačidlo nie sú nalepené na okraj okna, názov najviac na 2 riadky */
.plugin-fixed-header .plugin-fixed-header__availability { display: none !important; }
@media (min-width: 469px) {
  .plugin-fixed-header .fixed-header-container { box-sizing: border-box; padding-left: 16px; padding-right: 16px; gap: 12px; }
}
@media (min-width: 469px) and (max-width: 991px) {
  .plugin-fixed-header .plugin-fixed-header__name { font-size: 16px; line-height: 1.25; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .plugin-fixed-header .plugin-fixed-header__price { font-size: 20px; }
}
/* časová os „Krok 1 | Vytvorte objednávku“ (769-999 px): okrúhle šípky (margin -1,5rem) ležali cez „Krok 1“ */
@media (min-width: 769px) and (max-width: 999px) {
  .basic-description .timeline__buttons { margin-block-start: 12px; }
}

/* ===== 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}
/* dátum v hlavičke článku: šablóna Shoptetu (.news-item-detail time: block, 14 px, 300, sivá) ho vyskočila nad riadok — ako ostatné údaje */
#lcd-blog .cl-meta time{display:inline;margin:0;padding:0;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-transform:inherit}
#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)}
/* súvisiace: JS dá 4 karty — 3 v riadku (PC) a pod sebou (telefón) ukážu 3, tablet 2 x 2; keď sú len 3, na tablete 2 (žiadna osamotená karta) */
#lcd-blog .cl-suvis .mriezka > :nth-child(4){display:none}
@media(min-width:641px) and (max-width:1000px){#lcd-blog .cl-suvis .mriezka > :nth-child(4){display:block}#lcd-blog .cl-suvis .mriezka > :nth-child(3):last-child{display:none}}
#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 ===== */