@CHARSET "UTF-8";


@font-face {
  font-family: RedHatDisplay;
  src: url(../../../fonts/RedHatDisplay-Regular.ttf);
}

@font-face {
  font-family: fontello;
  src: url(../../../fonts/fontello.ttf);
}



#bg {
    background: #eee;
    overflow: hidden;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    font-family: redhatdisplay;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
hr.space {
    display: none !important;
}
#header {
    background: none;
    display: block;
    flex-wrap: wrap;
}
#public-cart {
    width: auto;
}
#header-opacity {
	height : auto;
	background: url("images/content-opacity/0.png");
}
#container-top-header-strip #user_menu #user-name-button,
.span-6 > #user_menu #user-name-button,
#login-buttons .button-type-1 a {
	color: #222 !important;
}
#articles-menu ul.submenu {
  	width: 100%;
    min-width: 200px;
  	left: 0;
  	padding: 10px;
  	box-sizing: border-box;
  	background: #FFFFFF;
    margin-top: 84px;
}
#articles-menu ul.submenu li {
  	background: #FFFFFF !important;
}
#articles-menu ul.submenu > li {
  	display: inline-block;
  	vertical-align: top;
}
#articles-menu > ul > li ul.submenu-1 {
  	position: relative;
  	margin: 0;
  	float: left;
  	width: 100%;
}
#articles-menu > ul > li:hover ul.submenu-1 {
  	visibility: visible;
}
#articles-menu ul.submenu-1 ul {
  	display: none;
}
#articles-menu > ul > li ul.submenu-1 > li > a {
  	line-height: 20px;
}
#articles-menu > ul > li > a {
  	text-align: center;
}
#product-detail .product-series-container {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}
#product-detail .product-series-container select {
    width: 100%;
    float: left;
}
#product-detail .product-series-container p {
    width: 100%;
    float: left;
    color: #FF0000;
    font-weight: bold;
}
#quatro-detail-calculator-link {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}
#quatro-detail-calculator-link span {
    width: 100%;
    float: left;
    color: #ff8a00;
    font-weight: bold;
}
.quatro-catalog-info {
    width: 100%;
    float: left;
    color: #ff8a00;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 14px;
}
#quatro-detail-calculator-link img {
    max-width: 100%;
    float: left;
}
.article-img-half {
    float: left;
}
.basic-parameter-single {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}
.basic-parameter-single p span {
    width: 100%;
    float: left;
    margin: 0 !important;
}
.basic-parameter-single img {
    float: left;
    width: 20%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 10px 0 0;
}
.basic-parameter-single p {
    float: left;
    line-height: normal !important;
    width: 80%;
    color: #000000 !important;
}
#product-detail .delivery p.basic-parameter-main-title {
    width: 100%;
    float: left;
    color: #333333;
    font-size: 16px;
}
#detail #gallery .top-photo #top-photo-made-in-slovakia {
    width: 29%;
    position: absolute;
    left: 0;
    bottom: 0;
}
#product-detail > p span.delivery-prefix {
    color: #858585;
}
#product-detail p span.delivery-info {
    color: #11bf07;
}
#product-detail .delivery > p:first-child {
    font-size: 16px;
}
.param-product #param-product-title {
    width: 100%;
    float: left;
    color: #333333;
}
#detail #statistics-over-main-photo-in-detail {
    bottom: auto;
    top: 8px;
}
.span-6 > #category {
    margin-top: 26px;
}
#category .menu-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
#detail #gallery .container-product-actions {
    top: 48px;
    z-index: 100;
}
.appurtenances-value-highlight {
    color: #11bf07;
}
.img-catalog-block img {
    width: 100%;
    max-width: none;
    padding: 10px;
    box-sizing: border-box;
}
.img-catalog-block .img-catalog-image-link > span {
    width: 100%;
    margin: 10px 0 0 0;
}
.img-catalog-block .img-catalog-image-link > span span {
    text-align: center;
}
.img-catalog-block .img-catalog-image-link {
    width: 100%;
}
.img-catalog-block {
    padding: 0;
    margin: 10px 0;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 23%;
    vertical-align: top;
    box-sizing: border-box;
    background: #afafaf36;
}
#detail-not-sliding-banners {
    width: 100%;
    float: left;
}
#detail-not-sliding-banners img {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}
#detail #statistics-over-main-photo-in-detail {
    background: #fffc99;
}
#detail #statistics-over-main-photo-in-detail p {
    color: #FF0000;
}
.seo-box-index-left,
.seo-box-index-right {
    float: left;
}
#cart-gift-vouchers {
    width: 100%;
    float: left;
    text-align: center;
}
#cart-gift-vouchers p {
    width: 100%;
    float: left;
    color: #FF0000;
}
#cart-gift-vouchers img {
    max-width: 100%;
}
#detail-selected-appurtenances,
#detail-selected-appurtenances > div > p {
    width: 100%;
    float: left;
}
#detail-selected-appurtenances > div > p > span {
    width: 50%;
    float: left;
    padding: 0 5px 5px 5px;
    box-sizing: border-box;
    font-size: 13px;
}
#detail-selected-appurtenances > div > p > span:first-child {
    color: #00afef;
}
#detail-selected-appurtenances > div > p > span:nth-child(2) {
    color: #1c1c1c;
}
#detail-selected-appurtenances > div {
    float: left;
}
#top-header-phone {
    float: right;
    line-height: 40px;
    color: #222;
    padding-right: 20px;
}
.container-product-actions > div.clear-percents {
    border-radius: 22px;
}
.container-product-actions > div.clear-percents span {
    font-size: 14px !important;
}
.container-product-actions > div.clear-special-action {
    background: #2ef61f !important;
}
#detail #description #description-info {
    line-height: normal !important;
    font-weight: bold;
}
.info-articles h1 {
    text-align: left;
}
.category-tree li h2 {
    width: 100%;
    float: left;
    color: #FFFFFF;
    padding: 0 10px;
    box-sizing: border-box;
}
.product-third .product-content h3 {
    height: 34px;
    margin: 12px 4px 4px 4px;
    text-align: center;
}
.product-third .product-content h3 a:hover {
    color: #8a8a8a;
}
.product-third .product-content h3 a {
    text-decoration: none;
    float: left;
    width: 100%;
}
#product-detail-full-width {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
}
#benefits-detail-container {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
}
#benefits-detail-container > div {
    width: 13%;
    padding: 55px 0 0 0;
    display: inline-block;
    vertical-align: top;
    min-width: 124px;
    margin: 0 5px;
}
#benefits-detail-container > div:first-child {
    background: url("images/benefits-detail/0.png") no-repeat transparent center top;
}
#benefits-detail-container > div:nth-child(2) {
    background: url("images/benefits-detail/1.png") no-repeat transparent center top;
}
#benefits-detail-container > div:nth-child(3) {
    background: url("images/benefits-detail/2.png") no-repeat transparent center top;
}
#benefits-detail-container > div:nth-child(4) {
    background: url("images/benefits-detail/3.png") no-repeat transparent center top;
}
#benefits-detail-container > div:nth-child(5) {
    background: url("images/benefits-detail/4.png") no-repeat transparent center top;
}
#benefits-detail-container > div:nth-child(6) {
    background: url("images/benefits-detail/5.png") no-repeat transparent center top;
}
#benefits-detail-container > div:nth-child(7) {
    background: url("images/benefits-detail/6.png") no-repeat transparent center top;
}
#benefits-detail-container > div span {
    font-size: 12px;
    color: #323232;
    text-transform: uppercase;
}
#we-call-you-container {
    width: 100%;
    float: left;
}
#we-call-you-container form {
    width: 100%;
    float: left;
    text-align: right;
}
#we-call-you-container > p {
    width: 100%;
    float: left;
    color: #FF0000;
    font-weight: bold;
    padding: 0;
    margin: 10px 0 5px 0;
}
#we-call-you-container form > input {
    height: 24px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
#we-call-you-container .button-type-1 {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.span-6 #advert {
    display: none;
    text-align: center;
}
.span-6 #advert img {
    margin: 0;
}
#catalog-appurtenances {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 110;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow: scroll;
    transition: all 0.5s;
    width: 0px;
}
#catalog-appurtenances form {
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    height: auto;
    float: left;
    min-height: 100vh;
}
#catalog-appurtenances .button-type-1 {
    background: #FF0000;
}
.param-product-select-row-2 > div:not(.param-product-select-row-active) {
    background: url("images/payoff-param-checkbox-empty.png") no-repeat #FFFFFF left center;
}
.param-product-select-row-2 div.param-product-select-row-active {
    background: url("images/payoff-param-checkbox-checked.png") no-repeat #FFFFFF left center;
    color: #242424;
}
.param-product-select-row-2 .icon-cart-question {
    margin: 7px 5px 0 0;
    background: url("images/Images_CMS.png") no-repeat scroll -702px -159px transparent;
}
#product-detail p .old_price {
    color: #000000;
    position: relative;
    padding-right: 20px;
}
#product-detail p .old_price:before {
    width: 100%;
}
#detail > #container-comments-module {
    box-sizing: border-box;
    padding: 0 10px;
    margin: 10px 0 0 0;
}
#container-comments-module .comments-single,.ui-dialog .ui-dialog-content {
    font-size: 14px;
}
.ui-dialog {
    max-width: 100%;
}
.custom-delivery-name-part-color {
    color: #FF0000;
}
#blog_thumb .blog_title_thumb {
    color: #00709c;
}
.container-product-actions {
    height: 100%;
}
.container-product-actions .sale_collection {
    background: #1d58ff !important;
}
.container-product-actions .clearance_sale {
    background: #bc0df6 !important;
}
.container-product-actions .hot_tip {
    background: #229113 !important;
}
.container-product-actions .sale,
.container-product-actions .discount {
    background: #FF0000 !important;
}
.detail-message-in-category, .detail-message-in-category-for-description {
    width: 100%;
    float: left;
    font-weight: bold !important;
    color: #000000 !important;
    line-height: normal !important;
    margin: 10px 0 0 0;
}
.detail-message-in-category a, .detail-message-in-category-for-description a {
    color: #FF0000;
}
.open-submenu-on-hover {
    list-style: none;
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0;
}
ul.open-submenu-on-hover li {
    display: inline-block;
    position: relative;
    padding: 0 5px;
}
ul.open-submenu-on-hover li a {
    color: white;
    font-size: 15px;
}
ul.open-submenu-on-hover li a:hover {
    color: #1c1c1c;
}
#container-top-header-strip {
    background-color: #fff;
}
.container-full-width .span-25 {
    box-sizing: border-box;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.brand img {
    max-width: 180px;
}
#header #public-cart {
    margin: 0;
    display: block;
    float: right;
}
#head-login {
    background: #1c1c1c;
    height: 50px;
    display: flex;
    position: relative;
    float: right;
    top: auto;
    left: auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
#head-login > a {
    padding: 0 10px;
    color: #fff;
    text-decoration: underline;
}
#header #public-cart #center-bg {
    border: none;
    background: #a0c872;
    position: relative;
}
#container-header #search {
    margin: 0;
    position: relative;
    float: right;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    height: 50px;
    border: none;
}
#container-articles-menu, #articles-menu, #articles-menu ul li, #container-articles-menu #search, #articlesInButton li ul li {
    background: #fff;
}
#container-articles-menu, #articles-menu ul li  {
    height: auto;
}
#articles-menu {
    border-top: 1px solid #eee;
    display: none;
}
#articles-menu .open-submenu-on-hover {
    float: left;
}
#articles-menu ul li {
    padding: 0;
    margin: 0;
    margin-right: 15px;
}
#articles-menu ul li a {
    padding: 10px 5px;
    color: #222  !important;
    margin: 0;
}
#articles-menu ul li a:first-child {
    padding-left: 0;
}
#articles-menu ul li a:active, #articles-menu ul li a:hover, #articles-menu > ul > li.active > a {
    color: #00709c !important;
}
#articles-menu ul li:hover, #articles-menu ul li.active, #articlesInButton li ul li:hover {
    background: none;
}
#articles-menu > ul > li > a {
    font-size: 14px;
    text-transform: uppercase;
}
#articles-menu > ul > li:first-child > a {
    font-weight: bold;
    color: #a0c872 !important   ;
}
.icon-cart-big {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    float: none;
    top: initial;
    background: none;
    padding: 6px;

}
#header #public-cart .info-cart-small a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.info-cart-small span {
    color: #222;
    font-size: 14px;
}
.icon-cart-big:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
     font-size: 20px;
    content: "\f07a";
    color:  #fff;
}
#center-bg {
    height: 50px !important;
}
#header #public-cart .info-cart-small > a {
    text-decoration: none;
    width: 100%;
    display: none;
}
#header #public-cart .info-cart-small > p {
    width: auto;
}
#header #public-cart .info-cart-small {
    display: flex;
    flex-wrap: wrap;
}
#public-cart p {
    line-height: 51px;
    padding-left: 10px;
}
.products ul li p .price-li {
    color:  #fff;
    display: block;
    float: right;
    width: 100%;
    text-align: center;
}
.products ul li p .count {
    color:  #fff;
    display: block;
    float: right;
    width: 100%;
    text-align: center;
}
#public-cart p .price, .products ul li p .price-li {
    color:  #fff;
}
.products ul li p {
    padding: 0 !important;
}
#articles-menu > ul > li > a:after {
    font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f078";
     padding-left: 7px;
     font-size: 10px;
}
#public-cart p .cout, .products ul li p .count, #public-cart p .price, .products ul li p .price-li {
    color: #fff;
}
.info-cart-small a p span {
    color: #fff !important;
}
.products {
    transition: 0.4s ease-in-out;
    background: #a0c872;
    -webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.15);
    float: none;
    position: absolute;
    right:0;
    top: 50px;
    width: auto;
    box-sizing: border-box;
}
.products ul li {
    width: 280px;
}
.products p {
    line-height: initial !important;
}
.products ul li p .name a {
    color: #222;
    font-size: 16px;
}
.icon-type-user {
    display: none;
}
#articles-menu ul.open-submenu-on-hover li:hover ul.submenu {
    transition: all .4s;
    visibility: visible;
    margin-top: 64px;
    -webkit-box-shadow: 0px 1px 9px 4px rgba(0,0,0,0.1);
box-shadow: 0px 1px 9px 4px rgba(0,0,0,0.1);
}


#articles-menu ul li a:before {
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    bottom: 6px;
    height: 1px;
    background: #a0c872;
    visibility: hidden;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 0;
    filter: alpha(opacity=100);
    visibility: visible;
    bottom: 10px;
    right: 28px;
}
#articles-menu .submenu li a:before {
    display: none;
}
#articles-menu ul li a:hover:before, #articles-menu ul li.active a:before {
    opacity: 1;
}
ul#user_menu {
    width: auto;
}
#head-login ul#user_menu {
    margin: 0;
}
#head-login span#user-name-button, #head-login span#user-name-button:hover {
    color: #fff !important;
}
#head-login span#user-name-button {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto !important;
}
#head-login span#user-name-button:before {
    font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f007";
     padding-right: 15px;
}
#container-header #search .myform .row {
    width: 70%;
}
#container-header #search .myform .button-type-1 input:hover #container-header #search .myform .row {
    width: 80%;
}
#searchform > button {
    border: none;
    cursor: pointer;
}
.search-box
{
  position : relative;

  background : #1c1c1c;
  height : 50px;
  border-radius : 0px;
}
.search-btn
{
  color : #000;
  float : right;
  width : 50px;
  height : 50px;
  background : #1c1c1c;
  display:flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition:0.4s;
  color: #fff;
}
.search-txt
{
  border:none;
  background: #1c1c1c;
  outline:none;
  float:left;
  padding: 0 6px;
  color: #fff;
  font-size:16px;
  transition : 0.4s;
  line-height: 50px;
  width : 240px;
}


ul#user_menu ul {
    margin-top: 40px;
}
.profile-menu-window {
    background: #1c1c1c;
}
ul#user_menu li.menu a {
    color: #fff;
}
#articles-menu ul.submenu > li {
    width: 100%;
}
#articles-menu .submenu > li > a {
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}
#articles-menu .submenu > li > a:hover, #articles-menu .submenu > li > a:active {
    color: #a0c872;
}
#articles-menu .submenu li a {
    line-height: 22px;
    padding: 5px 0;
}
.site-color {
    background: transparent;
}
.img-catalog-block:before {
    position: absolute;
    width: 150px;
    height: 130px;
    background: none;
    border: 1px solid #fff;

    content: '';
    opacity: 0;
    -webkit-transition: all 0.3s ease-in 0s;
    z-index: 0;
}
.img-catalog-block .img-catalog-image-link {
    z-index: 1;
}
.img-catalog-block:hover:before {
    opacity: 1;
    border: 5px solid #fff;
}
.img-catalog-block .img-catalog-image-link > span span {
    color:white;
    font-size: 50px;
    letter-spacing: 2px;
    -webkit-transition: all 0.15s ease 0s;
    position: relative;
    z-index: 10;
}
.img-catalog-block .img-catalog-image-link > span span:hover {
    transform: translateY(-10px);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.img-catalog-block .img-catalog-image-link > span {

    -webkit-appearance: none;
    border: none;
    background: none;
    color:white;
    width: 100%;
    height:60px;
    font-size: 20px;
    padding: 0;
    margin: 0;
    outline: none;
    z-index: 10;
}.img-catalog-block .img-catalog-image-link > span:hover {
    background: #fff;
}
.img-catalog-block .img-catalog-image-link > span span {
    display: block;
    position: relative;
    line-height: 50px;
    height: 60px;
    cursor: pointer;
}
.img-catalog-block .img-catalog-image-link > span span:after {
    content:'';
    position: absolute;
    top:0;
    left: 50%;
    width: 20px;
    height: 0;
    border: 2px solid #9c9c9c;
    border-left: none;
    transition: height 0.15s ease-out, width 0.15s ease-out 0.15s;
    background: #fff;
    z-index: -1;
}
.img-catalog-block:hover .img-catalog-image-link > span span:after {
    width: calc(50%);
    height: calc(100%);
    transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}
.img-catalog-block .img-catalog-image-link > span span:before {
    content:'';
    position: absolute;
    top:0;
    right: 50%;
    width: 20px;
    height: 0;
    border: 2px solid #9c9c9c;
    border-right: none;
    transition: height 0.15s ease-out, width 0.15s ease-out 0.15s;
    background: #fff;
    z-index: -1;
}
.img-catalog-block:hover .img-catalog-image-link > span span:before {
    width: calc(50%);
    height: calc(100%);
    transition: width 0.15s ease-out, height 0.15s ease-out 0.15s;
}
.img-catalog-block .img-catalog-image-link > span span {
    color: #1c1c1c;
}
.img-catalog-block .img-catalog-image-link > span {
    margin-top: 10px;
}
.img-catalog-block .img-catalog-image-link > span span {
    font-size: 18px !important;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    box-sizing: border-box;
}
.wrap-filter {
    margin-top: 30px;
    display: flex;
    float: left;
    width: 100%;
    background: none;
    padding: 0;
    box-sizing: border-box;
}
.products-title-with-line {
    background: none;
    margin: 0;
    text-align: left;
    width: auto;
    float: left;
}
.border-wrap {
    box-sizing: border-box;
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 40px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    margin: 0;
}
.products-title-with-line span {
    font-size: 26px;
    text-transform: uppercase;
    color: #1c1c1c;
}
.filterbtn:before {
    font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f0c9";
     padding-right: 5px;
}
.filterbtn {
    background: #1c1c1c;
    padding: 10px 15px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    border: none;
}
#catalog-appurtenances a:before {
    font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f00d";
     font-size: 24px;
    color: #1c1c1c;
    padding: 10px 20px;
    display: block;
}
.appurtenances-filter-show-single p {
    margin: 0;
    width: 100%;
}
#appurtenances-filter-show p {
    font-size: 18px;
    text-transform: uppercase;
}
.appurtenances-filter-show-single {
    margin: 20px 0;
}
.appurtenances-filter-show-single select {
    width: 180px;
    height: 35px;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.appurtenances-filter-show-single select:focus, .appurtenances-filter-show-single select:hover {
    background: #f1f1f1;
    border: none;
}
#appurtenances-filter-price-range {
    padding: 15px;
    margin: 0;
    width: 100%;
}
#catalog-appurtenances form .button-type-1 {
    margin: 0;
    background: #1c1c1c;
}
#catalog-appurtenances form .button-type-1 input, #catalog-appurtenances form .button-type-1 input:hover {
    color: #fff;
}
#catalog-products-index .info-articles {
    background: #fff;
    margin: 0 0px 30px 0px;
}
#catalog-products-index .info-articles h1 {
    display: none;
}
.seo-box-index-right {
    padding: 20px 60px;
    width: 35%;
}
.seo-box-index-right p {
    padding: 20px 0;
    text-align: right;
}
#we-call-you-container {
    padding: 20px 0;
}
#we-call-you-container .button-type-1 {
        padding: 5px 20px;
    height: 36px;
}
#we-call-you-container .button-type-1 input {
    padding: 0;
}
#we-call-you-container form > input {
    height: 36px;
    border: none;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
    font-size: 16px;

}
.seo-box-index-left {
    width: 65%;
    padding: 20px 60px;
    font-size: 16px;
    color: #222;
    line-height: 26px;
}
.seo-box-index-left p {
    text-align: left;
    width: 100%;
    float: left;
    padding: 0;
}
.seo-box-index-left strong {
    width: 100%;
    font-size: 20px;
    float: left;
    margin: 20px 0;
}
.button-type-1 {
    background: #1c1c1c;
}
#catalog-products-index p.products-title-with-line {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
#catalog-products-index p.products-title-with-line span {
    font-size: 24px;
    color: #1c1c1c;
    text-transform: uppercase;

    background: #eee;
    display: inline-block;
    width: auto;

    position: relative;

    margin: 0;
    z-index: 6;
}


.no-block .product-third {
    background: #fff;
    width: 31%;
    margin: 2% 1%;
    border: none;
    padding: 0;
}
.span-19 .product-third {
    background: #fff;
    width: 32.333%;
    margin: 10px 0 0 1%;
    border: none;
    padding: 0;
}

#catalog-products-index {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-content .button-add-cart-button {
    background: #a0c872;
    position: relative;
    transition: .3s ease-in-out;
    border: 1px solid #a0c872;
}
.product-content .button-add-cart-button:hover input {
    color: #a0c872 !important;
}
.product-content .button-add-cart-button:hover {
    color: #fff;
    border: 1px solid #a0c872;
    background: #fff;
}
.product-content .button-add-cart-button input {
    background: none !important;
    padding: 5px 15px !important;
    line-height: initial;
}

.product-content .button-add-cart-button:hover:after {
    color: #a0c872;
}
.product-third .product-images img, .product-second .product-images img {
    max-width: 80%;
}
.product-third .product-content, .product-second .product-content {
    padding: 20px;
    padding-top: 0;
    position: relative;
    height: auto !important;
    transition: .3s ease-in-out;
}
.show-appurtenances,
.product-content-description p {
    float: left;
}
.product-content .show-appurtenances .appurtenances {
    width: auto;
    float: left;
    text-align: left;
    padding-right: 7px;
    margin: 2px 0;
}

.product-content .catalog-delivery_name, .appurtenances-value {
    float: left;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    color: #1c1c1c;
}
.custom-delivery-name-part-color, .catalog-delivery_name {
    color: #ec0909 !important;
}
.appurtenances-value-highlight {
    font-weight: normal;
    color: #1c1c1c;
}
.product-third .product-content h3 {
    text-align: left;
    margin: 15px 0;
    height: auto;
    width: 100%;
    float: left;
    border-top: 1px solid #ccc;
    padding: 15px 0 0 0;

}
.product-third .product-content h3 a {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    min-height: 52px;
}
.product-third .add-cart-catalog, .product-second .add-cart-catalog {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0 0 0;
    padding: 0;
}

.catalog-free-delivery-info span {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.catalog-free-delivery-info span:before {
    font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f0d1";
     font-size: 18px;
    padding-right: 7px;
}
.icon-free-delivery-info {
    display: none !important;
}
.product-content .catalog-free-delivery-info {
    width: 100%;
    padding: 0;
    margin: 10px auto;
}
.product-third .product-images, .product-second .product-images {
    padding: 30px 0;
}
.container-product-actions > div.clear {
    background: #a0c872;
    padding: 5px;
}
.container-product-actions > div.clear span {
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
}
.container-product-actions > div.clear-percents {
    border-radius: 0;
    padding: 5px 10px;
}
.container-product-actions > div.clear-percents span {
    color: #fff;
}
.container-product-actions > div.clear {
    opacity: 1;
    transition: all .4s ease-in-out;
    overflow: hidden;
    position: relative;
}


.container-product-actions > div.clear-percents {
    width: auto;
    right: 0;
    left: initial;
    opacity: 1;
    /*
    top: 10px;
    float: right;
    */
}
.container-product-actions {
    width: 100%;
    overflow: hidden;
    opacity: .8;
}
.wrap-social {
    margin: 50px 0;
    width: 100%;
    float: left;
    display: inline-flex;
    justify-content: center;
}

#container-social-networks, #container-newsletter, .info-social {
    width: 100% !important;
    min-width: 400px;
    float: left;
    background: #eee;
    text-align: left;
    padding: 20px 10px 0 10px;
    min-height: initial;
    height: auto;
}
#container-social-networks p, #container-newsletter p, .info-social p {
    font-size: 18px;
    text-transform: uppercase;
    color: #1c1c1c;
    text-align: left;
    margin: 0;
    position: relative;
}
.mail-soc p, .tel-soc p {
    font-size: 14px;
    color: #666;
}
#social-networks-icon-heart, #social-networks-spacer {
    display: none;
}
#container-social-networks-icons a {
    width: 24px;
    height: 24px;
    margin: 10px 0 0 0;
}
#social-networks-icon-facebook {
    background: url(images/social-networks-icon-facebook.png) no-repeat !important;
}
#container-social-networks p:after, #container-newsletter p:after, .info-social p:after {
    content: '';
    width: 100%;
    border-top: 1px solid #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
}
.mail-soc p:after, .tel-soc p:after {
    display: none;
}
.mail-soc p {
    text-transform: none;
}
#container-newsletter .row {
    width: 70%;
}
#container-newsletter form {
    margin-top: 20px;
}
.info-social span {
    margin-top: 10px;
    width: 100%;
    float: left;
}
.mail-soc:before {
    font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f0e0";
     color: #666;
}
.tel-soc:before {
    font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f3cd";
     color: #666;
}
.info-articles p {
    color: #666;
}
#container-footer {
    background: none;
}
#footer {
    margin: 0;
    min-height: initial;
}
#container-footer .span-25:before, #container-footer .span-25:after {
    content: '';
    width: 100%;
    border-top: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 0;
}
#container-footer .span-25:after {
    margin-top: 2px;
}

#footer #info-articles {
    display: inline-flex;
    justify-content: space-around;
}
#footer #info-articles > div {
    display: block;
    width: initial;
    flex-wrap: wrap;
}
#mediahelp img {
    margin: 30px 0px;
    height: auto;
}
#mediahelp .text-1-phone, #mediahelp .text-1-email, #mediahelp .text-1-email a, #footer .group-link {
    color: #666;
    margin: 0;
}
#mediahelp .text-margin {
    margin: 0;
}
.icon-type-email, .icon-type-phone {
    display: none;
}
.group-title,
#footer ul {
    color: #1c1c1c;
    margin-left: 0;
}
#mediahelp .text-2-copyright {
    margin-left: 0;
}
.site-color .span-6 {
    background: #fff;
    margin-top: 15px;
}

.site-color .span-6 #category {
    margin: 0;
    width: 100%;
    padding: 25px 10px;
    position: relative;
    transform-style: preserve-3d;
    background: #fff;
}
@keyframes waving {
    from {
        transform: translateZ(-1px) rotate(352deg) translate(20px, 0px);
      }

      to {
        transform: translateZ(-1px) rotate(332deg) translate(20px, 0px);
      }
}

.site-color .span-6 #category::before {
    content: url('images/big-hand.png');
    position: absolute;
    display: block;
    left: -30px;
    transform: translateZ(-1px) rotate(352deg) translate(20px, 0px);
    transform-origin: bottom;
    animation: waving 4s forwards;
    animation-delay: 4s;
}

.products-in-left-menu .product-third:after {
    content: '';
    width: 100%;
    border-top: 1px solid #ccc;
    position: absolute;
    left: 0;
    bottom: 0;
}
.products-in-left-menu {
    margin-left: 0px;
    float: left;
    margin-top: 20px;
}
.products-in-left-menu .product-content-description {
    display: none;
}
#most-selled-products-title, .products-in-left-menu .product-third {
    width: 100%;
    position: relative;
}
#category ul li.depth-1, #categoryButtonsLeft ul li.depth-1, #category ul li.depth-1:hover, #category ul li.depth-1-active, #categoryButtonsLeft ul li.depth-1:hover, #categoryButtonsLeft ul li.depth-1-active {
    background: #a0c872;
    pointer-events: none;
}
#category .depth-1 a, #categoryButtonsLeft .depth-1 a, #category .depth-1-active a{
    color: #222;
    text-transform: uppercase;
}
#category .depth-1 a:hover, #categoryButtonsLeft .depth-1 a:hover, #category .depth-1-active a:hover {
    color: #a0c872;
}
.site-color .span-6 #category ul li h2 a {
    left: 0;
    top: 0;
    margin-left: 0;
    font-size: 13px;
    transition: .3s ease-in-out;
    line-height: initial;
    padding: 10px 0;
    color: #222;
}
#category ul li.depth-2 {
    background: #fff;
}
#category ul li.depth-2:hover, #category ul li.depth-2-active {
    background: #fff;
}
.site-color .span-6 #category ul li h2 a:hover {
    padding-left: 5px;
}
#container-navigation-top {
    padding: 10px 0px;
}
.navigationLine {
    display: none;
}
#navigation, #article-navigation {
    margin-top: 0;
}
#navigation {
    padding-left: 25px;
    box-sizing: border-box;
}

.site-color .span-19 {
    margin-right: 0;
    padding: 0;
}
.site-color .span-19 .content {
    padding: 20px;
    box-sizing: border-box;
}
#CategoryName {
    margin: 0;
}
#CategoryName H1 {
    display: none;
}
#CategoryName p {
    padding-left: 10px;
}
#CategoryName .category-products-count {
    font-size: 14px;
}
.site-color .span-19 .info-articles h1, .site-color .span-19 .info-articles h2, .site-color .span-19 .info-articles h3 {
    text-transform: uppercase;
    font-size: 22px;
    padding: 0;
    text-align: left !important;
}
.site-color .span-19 .info-articles h3 {
    font-size: 20px;
}
.site-color .span-19 .info-articles {
  padding: 20px;
  margin: 10px;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
}
.site-color .span-19 .info-articles p {
    padding: 0;
    text-align: left !important;
    letter-spacing: 1.2px;
    font-size: 14px;
}
.site-color .span-19 .info-articles p small {
    font-size: 13px;
    letter-spacing: 0;
}
.site-color .span-19 .catalog-block {
    display: inline-flex;
    flex-wrap: wrap;
    /*
    padding: 10px;
    */
    /*
    justify-content: space-between;
    */
}
.wrap-detail {
    background: #fff;
    width: 100%;
    float: left;
    display: flex;
}

#detail #gallery {
    padding: 25px;
}
#product-detail {
    padding: 25px;
}

#product-detail h1 {
    margin-bottom: 0;
    font-size: 26px;
}
#product-detail .product-series-container {
    margin: 20px 0;
}
#quatro-detail-calculator-link {
    margin: 20px 0;
}
#product-detail .product-series-container select {
    width: 300px;
    height: 35px;
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    max-width: 100%;
}


#product-detail .product-series-container select:focus, #product-detail .product-series-container select:hover {
    background: #f1f1f1;
    border: none;
}
#product-detail #price-block {
    background: none;
}
#price-block .detail-old-and-actual-price {
    width: 100%;
}
#product-detail p .old_price {
    margin: 0;
}
#product-detail p .normal-price {
    width: 100%;
}
#detail #gallery .other-photo img {
    margin-right: 15px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}
#price-block #button-add-cart-button {
    background: #a0c872 !important;
}
#price-block #button-add-cart-button:hover {
    background: #5fb4da !important;
}
#price-block #button-add-cart-button input, #price-block #button-add-cart-button input:hover {
    color: #fff !important;
}
.mini-imput-text {
    margin: 0;
    text-align: center;
    background: url(images/Images_CMS.png) no-repeat scroll -306px -303px transparent;
    border: medium none;
    height: 50px;
    line-height: 35px;
    width: 70px;
        color: #fff;
    font-size: 16px;
    font-weight: bold;
}
#price-block .add-cart {
    margin: 0;
}
.detail-add-to-cart-all {
    margin: 20px 0;
}
#product-detail form #price-block p {
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}
.save-price span {
    padding-left: 10px;
}
#product-detail .mini-imput-text {
    margin-left: 0;
    border: 1px solid #a0c872;
    color: #a0c872;
}
#product-detail-full-width .products-title-with-line, #related-product .products-title-with-line {
    width: 100%;
    background: none;
    text-align: center;
}
#product-detail-full-width .products-title-with-line span, #related-product .products-title-with-line span {
    font-size: 24px;
    color: #1c1c1c;
    text-transform: uppercase;
    background: none;
    display: inline-block;
    width: auto;
    position: relative;
    margin: 0;
    z-index: 6;
}
#related-product .product-content {
    min-height: 370px;
}
#related-product {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#container-comments-module form {
    float: left;
    margin: 20px 0;
}
.myform .element input {
    width: 210px;
}
#head-login > a {
    color: #fff;
}
#cart-add-product-success {
    padding: 20px 0;
}
.bg-cart-block p {
    padding: 5px 0;
}
#detail #gallery .container-product-actions {
    overflow: visible;
    /*
    top: 120px;
    */
}
#gallery .container-product-actions > div.clear {
  /*
    top:70px;
  */
}
#gallery .container-product-actions > div.clear-percents {
  /*
    top:40px;
  */
}
#footer .group-link {
    font-size: 15px;
    color: #404040;
}
#gallery .container-product-actions > div.top_product {
    top: -20px;
}
#detail-social-networks-icons > a {
    margin: 0 10px;
}
.sticky-menu {
    position: fixed;
    z-index: 101;
}
.sticky-menu a.slicknav_btn {
    float: left;
}
.cart-steps {
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}
.cart-steps .myform #data-element dl {
    min-height: auto;
}
.cart-steps .myform #data-element dl .row {
    flex-direction: row-reverse;
}
.cart-steps .myform #data-element dl .row .element {
    margin: 0 10px;
}
.head-top-arct {
    width: 100%;
    background: #a0c872;
    float: left;
    text-align: center;
}
.head-bot-arct {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
#top-home {
    height: initial;
    position: initial;
    width: initial;
}
.product-content-description h4 {
    display: none;
}
/*
ul.open-submenu-on-hover li a:after {
    font-family: "Font Awesome 5 Free";
     font-weight: 900;
     content: "\f007";
}
*/
h3, h4,
h3 span, h4 span {
    color: #323232 !important;
}
.block-1 {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}
#img-catalog {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#img-catalog::before {
    content: "Obľúbené kategórie";
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #1c1c1c;
    text-transform: uppercase;
    width: 100% ;
}
.slicknav_nav {
    background: #fff;
    border-bottom: 1px solid #dedede;
}
.slicknav_btn {
    margin: 0;
    padding: 15px 20px;
}
.slicknav_menu .slicknav_menutxt {
    text-shadow: none;
    color: #fff;
    font-weight: normal;
}
.slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
    box-shadow: none;
}
.wrap-f-cat {
    width: 100%;
    bottom: 0;
}
.wrap-f-cat .slicknav_nav {
    height: 80vh;
    overflow: scroll;
    z-index: 10;
    background: #fff;
    padding: 20px 0;
}
.slicknav_nav a {
    color: #222;
}
.info-menu-wrap {
    display: flex;
    justify-content: center;
    background: none;
}
.topper-con {
    position: relative;
    z-index: 10;
    background: #a0c872;
}
.info-menu-wrap .slicknav_btn {
    background: none;
    margin: 0;
    padding: 12px 20px;
    background: black;
    border-radius: 4px;
}
.info-menu-wrap .slicknav_menu {
    background: none;
    padding: 0;
    width: 100%;
}
.info-menu-wrap .slicknav_menu .slicknav_menutxt {
    text-shadow: none;
    color: #fff;
    font-size: 14px;
}
.info-menu-wrap .slicknav_nav a {
    color: #222;
    font-size: 16px;
}
.cc_container {
    padding: 30px 10px !important;
    /*display: flex;*/
    flex-direction: column;
    align-items: center;
}
.cc_banner-wrapper {
    z-index: 10 !important;
}
#detail .manufacture-all {
    padding: 20px 0;
    box-sizing: border-box;
    background: #f8f8f8;
}
#detail .manufacture-all .title {
    margin: 0;
}
.param-product .odd,
.param-product .first {
    background: #fff;
    border-bottom: 1px solid #dedede;
}
.param-product .odd:hover,
.param-product .first:hover {
    background: #dedede;
}
.no-block .span-25 {
    width: 100%;
}
#registration-form,
.new-reg,
.third-cart-order-info {
    background: #fff;
}
#fieldset-users dl {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.no-block .myform .row {
    width: auto;
    margin: 0;
}
#registration-form .login-tip {
    margin: 10px 0;
    width: auto;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}
.product-content .button-add-cart-button, .detail-add-to-cart-all #button-add-cart-button, .detail-add-to-cart-all .button-add-cart-button, #cart-add-product-success .button-type-next, #button-payDel-button, #fieldset-second_step_buttons #button-update, #fieldset-second_step_buttons #button-next, #third-cart-submit #button-corfimation-button, #product-of-day-slide-content .button-type-1 {
    background: #a0c872;
}
.product-content .button-add-cart-button:hover, .detail-add-to-cart-all #button-add-cart-button:hover, .detail-add-to-cart-all .button-add-cart-button:hover, #cart-add-product-success .button-type-next:hover, #button-payDel-button:hover, #fieldset-second_step_buttons #button-update:hover, #fieldset-second_step_buttons #button-next:hover, #third-cart-submit #button-corfimation-button:hover, #product-of-day-slide-content .button-type-1:hover {
    background: #80a358;
}
#fieldset-customerToNewsletter {
    display: flex;
    justify-content: center;
}
.myform label {
    margin-top: 0;
    width: auto;
    padding-right: 10px;

}
.myform .element {
    width: auto;
    position: relative;
}
.no-block .myform .row {
    width: auto;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
#fullPrice,.fullPriceAjax {
    height: auto;
    padding: 10px;
    background: #f3a234;
    box-sizing: border-box;
}
.free-price-bg {
    background-color: #a0c872;
}
#container-top-header-strip #top-header-login-links a,
#container-top-header-strip #top-header-login-links {
    color: #222;
}
.rolled-detail {
    display: flex;
    width: 100%;
}
.rolled-detail img {
    width: 30%;
}
#cart-info-table tr td:nth-child(2) {
    padding: 10px 30px;
    box-sizing: border-box;
}
#fieldset-updateLogin,
#update-profile-form {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
}
#fieldset-updateLogin dl,
#fieldset-person_address dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
#fieldset-person_address dl {
    flex-direction: row;
}
#fieldset-person_address dl .row {
    align-items: flex-start !important;
}
#id_country,
#id_country_delivery {
    width: 100%;
    margin: 0;
}
#fieldset-updateLogin dl .row,
#fieldset-person_address dl .row {
    width: 40%;
    text-align: center;
    display: flex;
    align-items: center;
    margin: 10px;
    flex-direction: column;
}
#fieldset-person_address dl .row .element {
    width: 100%;
}
#fieldset-person_address dl .row .element input {
    background: none;
    border: 1px solid #dedede;
    width: 100%;
    margin: 0;
}
#update-login-form #button-savedatauser {
    margin: 15px 0;
}
.no-reg-info p.info {
    text-align: center;
}
#user-order {
    background: #fff;
}
#cart-coutry-pay-delivery-selections hr.space {
    display: block !important;
}
#third-cart-submit {
    width: 100%;
    margin: 20px 0;
}
#button-corfimation-button {
    padding: 20px;
    box-sizing: border-box;
    height: 70px;
}
#third-cart-submit #button-corfimation-button input {
    font-size: 18px;
    line-height: 20px;
}
#third-cart-submit .button-type-back {
    margin-top: 20px;
}
.other-photo img {
    width: 75px;
    height: 113px;
    float: left;
}
#form-question-seller,
#form-question-for-frend {
    background: #fff;
}
#form-question-seller #alert-window form,
#form-question-for-frend #alert-window form {
    display: flex;
    width: 100%;
}
#form-question-for-frend #alert-window #slow-price-content form {
    flex-direction: column;
}
#form-question-seller #alert-window .content,
#form-question-for-frend #alert-window .content {
    padding: 0;
}
#form-question-seller #alert-window .info-required,
#form-question-seller #alert-window #fieldset-send_for_seller .row-captcha,
#form-question-for-frend #alert-window .info-required,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row-captcha {
    margin: 0;
    margin-left: 40px;
}
#form-question-seller #alert-window  #fieldset-send_for_seller,
#form-question-for-frend #alert-window  #fieldset-send_for_seller {
    width: 100%;
    margin-left: 0;
    height: auto;
    padding: 0;
    box-sizing: border-box;
}
#form-question-seller #alert-window #fieldset-send_for_seller .row .element input,
#form-question-seller #alert-window #fieldset-send_for_seller .row-captcha .element input,
#form-question-seller #alert-window #fieldset-send_for_seller .row .element textarea,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row .element input,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row-captcha .element input,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row .element textarea {
    background: none;
    border: 1px solid #dedede;
}
#form-question-seller #alert-window #fieldset-send_for_seller .row .element input,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row .element input {
    margin-left: 0;
}
#form-question-seller #alert-window  #fieldset-send_for_seller .row,
#form-question-for-frend #alert-window  #fieldset-send_for_seller .row {
    width: auto;
    margin: 10px;
    margin-left: 40px;
}
#form-question-seller #question-button,
#form-question-for-frend #question-button {
    left: initial;
    top: initial;
    display: block;
    margin: 0 auto;
    left: 50px;
    position: relative;
    bottom: 20px;
}
#form-question-seller #alert-window #fieldset-send_for_seller > dl,
#form-question-for-frend #alert-window #fieldset-send_for_seller > dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    height: auto;
    justify-content: flex-start;
}
#form-question-seller #alert-window .myform,
#form-question-for-frend #alert-window .myform {
    width: 100%;
}
#form-question-seller #alert-window #fieldset-send_for_seller .row-captcha,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row-captcha {
    width: auto;
}
#form-question-seller #alert-window #fieldset-send_for_seller .row-captcha .element,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row-captcha .element {
    display: flex;
    align-items: flex-start;
}
#form-question-seller #alert-window #fieldset-send_for_seller .row-captcha,
#form-question-seller #alert-window #fieldset-send_for_seller .row-captcha img,
#form-question-seller #alert-window #fieldset-send_for_seller .row .element textarea,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row-captcha,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row-captcha img,
#form-question-for-frend #alert-window #fieldset-send_for_seller .row .element textarea {
    position: initial;
}

#fieldset-send_for_seller .row-captcha #mycaptcha-input, #fieldset-send_for_seller .row-captcha #mycaptcha1-input {
    position: initial;
    margin-left: 0;
}
.product-prices-history-lowest-price {
    width: 100%;
    float: left;
    font-size: 9px;
    color: rgb(155, 155, 155);
}
.container-product-actions span.icon_15_year_warranty {
	width: 100px !important;
	height: 111px !important;
	background: url('images/icon_15_year_warranty.png') no-repeat transparent;
}
.wrap-head {
    position: relative;
    top: -15px;
}
.coupon-info-box {
	width: 100%;
	float: left;
	text-align: center;
	color: #FFFFFF;
	background: #D61F2E;
	box-sizing: border-box;
	padding: 15px 10px;
	font-size: 14px;
	margin: 10px 0 0 0;
}

#coupon-info-box-top {
	text-align: center;
	color: #FFFFFF;
	background: #D61F2E;
	box-sizing: border-box;
	padding: 15px 20px;
	font-size: 14px;
	position: relative;
}

#coupon-info-box-top-close {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	background: rgba(255,255,255,0.2) !important;
	color: #fff !important;
	width: 26px !important;
	height: 26px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	transition: background 0.2s !important;
}
#coupon-info-box-top-close:hover {
	background: rgba(255,255,255,0.35) !important;
}

.coupon-info-box-countdown{
    width:100%;
    margin-top:4px;
    float:left;
    background:#D61F2E;
    color:#FFFFFF;
}
.coupon-info-box-countdown > span{
    width:100%;
    float:left;
}
.product-third .coupon-info-box-countdown,.product-second .coupon-info-box-countdown{
    padding: 5px 10px;
    box-sizing: border-box;
}
#price-block .coupon-info-box-countdown{
    box-sizing:border-box;
    padding:15px 10px;
    font-size:16px;
    font-weight:bold;
}
#price-block .coupon-info-box-countdown > span{
    font-weight:normal;
}

#cart-confirm-coupon-button {
	background: #D61F2E;
}

#coupons-bg .coupons-text-long p {
	color: #D61F2E;
	font-weight: bold;
}

.coupons-suggestion {
	width: 100%;
	float: left;
}

@media screen and (min-width: 1222px) {


  #detail-selected-appurtenances > div {
      width: 50%;
  }
}
@media screen and (max-width: 1221px) {
    .rolled-detail {
        flex-direction: column;
        align-items: center;
    }
    .rolled-detail img {
        width: auto;
    }
    .img-catalog-block {
        width: 31.5%;
    }
    .span-19 .product-third {
        width: 45%;
    }
	  #articles-menu ul.submenu > li {
  		  width: 33%;
  	}
    #detail-selected-appurtenances > div {
        width: 100%;
    }
}
@media screen and (min-width: 1037px) {
    .wraperis {
        max-width: 1400px;
        display: inline-flex;
        flex-wrap: nowrap;
        width: 100%;
    }
    #container-top-header-strip {
        display: none;
    }
    .product-third .product-content .price, .product-second .product-content .price {
        float: right;
        box-sizing: border-box;
        padding: 0 5% 0 0;
        text-align: right;
        width: 40%;
    }
    .product-third .coupon-info-box-countdown,.product-second .coupon-info-box-countdown{
        width:60%;
    }
}
@media screen and (max-width: 1036px) {
    .site-color .span-19 .info-articles {
        width: auto;
    }
    .img-catalog-block {
        width: 47%;
    }
    .span-19 .product-third {
        width: 100%;
    }
    #top-header-phone, #header #public-cart, #head-login {
        display:none;
      }
    #footer #info-articles {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    #footer #info-articles > div {
        width: 100% !important;
        display: block;
        text-align: center !important;
    }
    .pay-delivery-footer-container {
        display: flex !important;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 60px;
    }
    #pay-delivery-footer-lock,
    #pay-delivery-footer-small,
    #pay-delivery-footer-big {
        margin: 0 auto;
    }
    #mediahelp img {
        margin: 20px 0;
        height: auto;
        max-width: 209px;
    }
    #container-newsletter form {
        padding: 0 20px;
        box-sizing: border-box;
    }
    .mail-soc p, .tel-soc p {
        text-align: center;
    }
    .info-social {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #container-newsletter {
        display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    }
    #container-social-networks {
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    }
    #container-social-networks p, #container-newsletter p {
        text-align: center;
    }
    .wraperis {
        max-width: 1200px;
        display: block;
        flex-wrap: wrap;
        justify-content: center;
    }
    .no-block .product-third {
        width: 45%;
    }
  .seo-box-index-left {
    width: 100%;
    padding: 10px;
  }
  .seo-box-index-right {
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
  }

  #detail #gallery .container-product-actions {
      top: 78px;
  }
    .product-third .coupon-info-box-countdown,.product-second .coupon-info-box-countdown{
        text-align: center;
    }
}
#articles-for-m {
    display: none;
    width: 240px;
    cursor: pointer;
    background: #116e97;
    margin: 0 auto;
    color: #fff;
    padding: 5px 0;
}
#articles-for-m:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f059";
    padding-right: 5px;
    color: #fff;
}
.no-block .myform .row, #cart-login-form-first-step > p, #cart-buy-form-first-step > p, #buy-form-title, #cart-login-form-first-step .buttons {
    text-align: center;
    width: 100%;
    margin: 10px 0;
}
#buy-form-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2d5a1b !important;
    margin: 24px 0 20px !important;
    letter-spacing: 0.02em !important;
}
.no-reg-info #address1, .no-reg-info #address2 {
    text-align: center;
}
/* Skryť duplikát "Fakturačná adresa" z buyForm — je už v nadpise */
#cart-buy-form-first-step .no-reg-info {
    display: none !important;
}
.no-reg-info-first-and-second {
    display: flex;
    justify-content: center;
}
.new-reg-info {
    background: #fff;
    margin: 0;
    text-align: center;
    padding: 10px 0;
}
#show-registration-form .myform {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

#show-registration-form .myform dl {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1000px;
}
#show-registration-form .myform dl .row {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px;
}
#show-registration-form .myform dl .row input {
    background: none;
    border: 1px solid #dedede;
    width: 100%;
    margin: 0;
}
#show-registration-form .myform dl .row .element {
    width: 100%;
    position: relative;
}
#fieldset-registration dl {

}
#fieldset-data .row {
    margin: 0 !important;
    padding: 20px;
    box-sizing: border-box;
}
#fieldset-data .row .left {
    text-align: left;
    width: 100%;

}
.no-reg-info {
    width: 100%;
}
#fieldset-deliver_address dl {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.no-reg-info-first-and-second {
    width: 100%;
}
#fieldset-deliver_address .row {
    width: 40%;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px;
}
#fieldset-deliver_address .row .element {
    width: 100%;
}
#fieldset-deliver_address .row .element input {
    width: 100%;
    background: none;
    border: 1px solid #dedede;
    margin: 0;
}
.success-element {
    position: absolute;
    bottom: -20px;
    left: 0;
}
@media screen and (min-width: 801px) {
  .article-img-half {
    width: 50%;
  }
}
@media screen and (max-width: 800px) {
    .no-reg-info-first-and-second > p {
        text-align: right;
    }
    .no-block .myform .row {
        justify-content: center;
        width: 100%;
    }
    #center-bg {
        height: 40px !important;
    }
    .head-bot-arct {
        justify-content: center;
        align-items: center;
        height: 100%;
        flex-direction: column;
    }
    .img-catalog-block .img-catalog-image-link > span span {
        font-size: 14px !important;
        line-height: 16px;
    }
    .products-title-with-line span,
    .products-title-with-line {
        text-align: center;
        padding: 0;
    }
    .container-product-actions > div.top_product {
        bottom: initial;
        top: 0;
    }
    #container-top-header-strip #top-header-login-links {
        padding-top: 10px;
        padding-left: 10px;
    }
    .seo-box-index-left p, .seo-box-index-right p, #we-call-you-container form {
        text-align: center;
    }
    .border-wrap {
        justify-content: center;
    }
    #top-home {
        height: auto;
    }
    #container-header #search {
        justify-content: center;
        margin: 10px 0;
        height: 40px;
    }
    .open-submenu-on-hover {
        display: none;
    }
    .search-btn {
        width: 40px;
        height: 40px;
    }
    .search-box {
        height: 40px;
    }
    .search-txt {
        line-height: 40px;
        background: #eee;
        color: #1c1c1c;
    }
    #container-top-header-strip #top-header-cart #center-bg {
        padding-right: 20px;
    }
    .span-19 .product-third {
        margin: 10px 0;
    }
     #detail > div {
        display: flex;
        float: left;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    #product-detail form #price-block p {
        text-align: center;
    display: flex;
    justify-content: center;
    }
    #product-detail {
        text-align: center;
    }
    #product-detail #detail-code-product, #product-detail .product-series-container select, #quatro-detail-calculator-link img, #quatro-detail-calculator-link {
        float: none;
    }
    .wrap-detail {
        flex-wrap: wrap;
    }
    .img-catalog-block {
        width: 47%;
    }
    .img-catalog-block .img-catalog-image-link > span {
        width: 100%;
    }
    #catalog-products-index {
        justify-content: center;
    }
    .no-block .product-third {
        width: 90%;
    }
    .container-full-width .span-25 {
        padding: 0;
    }
    .head-logo {
        display: block;
        float: none;
        margin-top: 10px;
    }
	#header {
		background-position: center top;
	}
	#header-opacity {
		height : auto;
        padding: 0;
	}
    .brand img {
        max-width: 120px;
        margin-top: 5px;
    }
  .article-img-half {
    width: 100%;
  }
  .slicknav_menu {
    background: #a0c872;
    padding: 0;
  }
  .slicknav_menu .category-tree .depth-1 a,
  .slicknav_menu .category-tree .depth-1-active a {
    background: #a0c872;
    border-radius: 0px;
    pointer-events: none;
  }
  .slicknav_menu .category-tree .depth-1 a:hover {
    color: #FFFFFF;
  }
  #product-detail-full-width {
    padding: 0 20px;
    box-sizing: border-box;
  }
  #popupContact img {
    max-width: 100%;
  }
  .param-product-select-row-2 > div {
    float: left;
    display: block;
    width: 100%;
  }
  .param-product-select-row-2 .icon-cart-question {
    top: 6px;
    float: left;
    display: block;
  }

  #detail #gallery .container-product-actions {
      top: 48px;
  }

}

@media screen and (max-width: 440px) {

  #detail #gallery .container-product-actions {
      top: 78px;
  }

}

/* START AI */
/* =============================================
   ZDRAVOTNICKE - MODERNÝ KOŠÍK DIZAJN
   Farba: #a0c872 (zelená)
   ============================================= */

/* --- HLAVIČKA KOŠÍKA --- */
/* === KROKY KOŠÍKA === */
#steps-cart {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin: 0 0 28px !important;
    padding: 14px 20px !important;
    float: none !important;
    width: 100% !important;
    list-style: none !important;
    gap: 0 !important;
    background: #f8faf5 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}
/* Bezne kroky (active / normal) */
#steps-cart li.active,
#steps-cart li.normal {
    float: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    width: auto !important;
    flex-shrink: 0 !important;
}
/* Cislo kroku - kruzok */
#steps-cart .step-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}
/* Text kroku */
#steps-cart .step-label {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}
/* Aktivny krok */
#steps-cart .active .step-num {
    background: #5a8c1a !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(90, 140, 26, 0.35) !important;
}
#steps-cart .active .step-label {
    color: #2d4a0a !important;
    font-weight: 700 !important;
}
/* Neaktivny krok */
#steps-cart .normal .step-num {
    background: #e0e0e0 !important;
    color: #999 !important;
    box-shadow: none !important;
}
#steps-cart .normal .step-label {
    color: #bbb !important;
    font-weight: 400 !important;
}
/* Spojovacie ciary medzi krokmi */
#steps-cart li.step-connector {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    padding: 0 10px !important;
    margin: 0 !important;
    background: transparent !important;
}
#steps-cart li.step-connector .step-connector-line {
    display: block !important;
    height: 2px !important;
    width: 100% !important;
    background: linear-gradient(to right, #c5dfa0, #ddd) !important;
    border-radius: 2px !important;
}

/* === VALIDACIA: error placeholder v inputoch ===*/
/* Cerveny border + pozadie pre nevalidne pole */
.element input.input-error-placeholder {
    border-color: #e05252 !important;
    background: #fff8f8 !important;
    box-shadow: 0 0 0 2px rgba(224, 82, 82, 0.12) !important;
}
/* Cerveny kurzivny placeholder text */
.element input.input-error-placeholder::placeholder {
    color: #c0392b !important;
    font-style: italic !important;
    font-size: 13px !important;
    opacity: 1 !important;
}
/* Skry ul.errors a error-element ikonu (spravuje CSS, nie JS hide()) */
.element input.input-error-placeholder ~ ul.errors,
.element input.input-error-placeholder ~ .error-element {
    display: none !important;
}
/* Zvýraznenie celého riadku pri chybe - label sčervenie, row dostane ľavý pruh */
.row:has(input.input-error-placeholder) {
    border-left: 3px solid #e05252 !important;
    background: #fff8f8 !important;
    padding-left: 10px !important;
    border-radius: 4px !important;
}
.row:has(input.input-error-placeholder) label.left {
    color: #c0392b !important;
    font-weight: 600 !important;
}
/* Ked user zacne pisat - reset error stylu (cez JS class removal) */

/* === SUCCESS-ELEMENT: zelena fajka dovnutri inputu (prava strana) === */
#cart-buy-form-first-step .element,
#cart-reg-form-first-step .element {
    position: relative !important;
}
/* Padding aby text neprekryval fajku */
#cart-buy-form-first-step .element input[type='text'],
#cart-buy-form-first-step .element input[type='email'],
#cart-buy-form-first-step .element input[type='tel'],
#cart-reg-form-first-step .element input[type='text'],
#cart-reg-form-first-step .element input[type='email'],
#cart-reg-form-first-step .element input[type='tel'] {
    padding-right: 42px !important;
    box-sizing: border-box !important;
}
/* Fajka absolutne poziciovana vo vnUtri inputu vpravo */
#cart-buy-form-first-step .success-element,
#cart-reg-form-first-step .success-element {
    float: none !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    left: auto !important;
    width: 25px !important;
    height: 25px !important;
    background-size: auto !important;
    z-index: 10 !important;
    pointer-events: none !important;
    overflow: visible !important;
}

#ai-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0 22px;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 24px;
}
#ai-cart-header h2 {
    font-size: 26px;
    font-weight: 700;
    color: #323232;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}
#ai-cart-header h2 i {
    color: #a0c872;
    font-size: 22px;
}
.ai-btn-continue {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #323232;
    color: #fff !important;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background 0.2s;
    cursor: pointer;
}
.ai-btn-continue:hover {
    background: #a0c872;
    color: #fff !important;
}

/* --- INFO SPRÁVA V KOŠÍKU --- */
.bg-cart-block {
    background: #f2f8eb !important;
    border-left: 4px solid #a0c872 !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 14px 18px !important;
    margin-bottom: 20px !important;
    color: #444 !important;
    box-shadow: none !important;
}
#info-block {
    overflow: visible !important;
}
#info-block p {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
}
#info-block p span.info {
    float: none !important;
    position: static !important;
    flex-shrink: 0 !important;
}

/* --- TABUĽKA PRODUKTOV --- */
#cart-info-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0;
    background: #fff;
}
#cart-info-table tr.title td {
    background: #fafafa !important;
    color: #999 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    padding: 10px 14px !important;
    border-bottom: 2px solid #ececec !important;
    border-top: none !important;
    height: auto !important;
}
#cart-info-table tr.normal {
    border-bottom: 1px solid #f2f2f2;
    transition: background 0.15s;
    background: #fff !important;
    color: #323232 !important;
}
#cart-info-table tr.normal:hover {
    background: #fafff5 !important;
}
#cart-info-table tr.normal a {
    color: #323232 !important;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}
#cart-info-table tr.normal a:hover {
    color: #a0c872 !important;
}
#cart-info-table td.price {
    font-size: 14px;
    color: #444 !important;
}
#cart-info-table td.price-all {
    color: #323232 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}
#cart-info-table tr.normal p.cart-delivery-time-info {
    font-size: 12px;
    color: #999;
    margin: 2px 0 0;
}

/* --- POČÍTAČ MNOŽSTVA --- */
#cart-info-table .counter p,
div.counter p {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #fff !important;
    float: none !important;
    margin: 0 !important;
}
div.counter .inputCount {
    background: none !important;
    text-align: center !important;
    width: 34px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 6px 4px !important;
    color: #323232 !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    height: auto !important;
}
div.counter input[type=submit] {
    width: 34px !important;
    height: 36px !important;
    border: none !important;
    background: #f5f5f5 !important;
    color: #555 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.15s !important;
}
div.counter input[type=submit]:hover {
    background: #a0c872 !important;
    color: #fff !important;
}

/* --- STARÁ CENA V KOŠÍKU (preškrtnutá) --- */
.cart-old-price {
    display: block !important;
    font-size: 12px !important;
    color: #aaa !important;
    text-decoration: line-through !important;
}

/* === KRAJINA / PLATBA / DOPRAVA — moderný card dizajn === */
#cart-coutry-pay-delivery-selections {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
    position: relative !important;
    float: none !important;
}
.cart-cols-3,
.cart-cols-2 {
    flex: 1 !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    border-radius: 12px !important;
    border: 1.5px solid #e2f0d1 !important;
    box-shadow: 0 2px 10px rgba(160, 200, 114, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
/* Hlavička sekcie — zelený gradient */
.bg-cart-block-radio {
    background: linear-gradient(135deg, #7aaa4a 0%, #a0c872 100%) !important;
    padding: 13px 18px !important;
    border-radius: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
    margin: 0 !important;
}
/* Tématické ikony v pravom rohu */
.cart-header-pay::after,
.cart-header-delivery::after {
    content: '' !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    opacity: 0.85 !important;
}
/* Platba — kreditná karta */
.cart-header-pay::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E") !important;
}
/* Doprava — nákladné auto */
.cart-header-delivery::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'/%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") !important;
}
.bg-cart-block-radio p {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    background: none !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
}
/* Obsah sekcie — radio možnosti */
.cart-first-radio-container {
    padding: 14px 12px !important;
    flex: 1 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Skryjeme prázdne DT a HR separátory */
.cart-first-radio-container dt,
.cart-first-radio-container DT {
    display: none !important;
}
.cart-first-radio-container hr,
.cart-first-radio-container HR {
    display: none !important;
}

/* Logo obrázky — skryjeme broken images, na prod sa môžu zapnúť */
.cart-first-radio-container > img {
    display: none !important;
}

/* Každá DD = jedna možnosť — moderná karta */
.cart-first-radio-container dd {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #f8fafc !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 10px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
    position: relative !important;
}
/* Keď nasleduje description, spodné rohy rovné */
.cart-first-radio-container dd:has(+ div) {
    border-radius: 10px 10px 0 0 !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}
.cart-first-radio-container dd:hover {
    border-color: #a0c872 !important;
    background: #f5fbe9 !important;
    box-shadow: 0 3px 10px rgba(122, 170, 74, 0.12) !important;
}
/* Vybraná možnosť — zelený ľavý pruh */
.cart-first-radio-container dd:has(input:checked) {
    background: #f0fdf4 !important;
    border-color: #7aaa4a !important;
    box-shadow: 0 4px 14px rgba(122, 170, 74, 0.2) !important;
}
.cart-first-radio-container dd:has(input:checked)::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 4px !important;
    background: linear-gradient(180deg, #7aaa4a, #a0c872) !important;
    border-radius: 10px 0 0 10px !important;
}
/* Checkmark vpravo pre vybranú možnosť */
.cart-first-radio-container dd:has(input:checked)::after {
    content: '✓' !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #7aaa4a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Label vnútri DD */
.cart-first-radio-container dd label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 40px 14px 18px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-bottom: none !important;
    margin: 0 !important;
    transition: color 0.15s !important;
    line-height: 1.3 !important;
}
.cart-first-radio-container dd:has(input:checked) label {
    color: #3a6b1a !important;
    font-weight: 600 !important;
}
.cart-first-radio-container dd label:last-child {
    border-bottom: none !important;
}

/* Radio input */
.cart-first-radio-container dd input[type=radio] {
    accent-color: #7aaa4a !important;
    width: 17px !important;
    height: 17px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* Popis — plynulo pripojený k spodku karty */
.cart-first-radio-container .payWithPicture,
.cart-first-radio-container > div {
    clear: both !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    padding: 8px 16px 12px 18px !important;
    margin: 0 0 10px 0 !important;
    background: #f0f4f8 !important;
    border: 1.5px solid #e5e7eb !important;
    border-top: 1px dashed #d1d5db !important;
    border-radius: 0 0 10px 10px !important;
    line-height: 1.5 !important;
}
.cart-first-radio-container > div p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: #6b7280 !important;
}

/* === ZĽAVOVÝ KUPÓN === */
#coupons-bg {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    background: #f9fdf5 !important;
    border: 1.5px solid #e2f0d1 !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    margin: 20px 0 !important;
    min-height: 0 !important;
    height: fit-content !important;
    float: none !important;
    width: auto !important;
    box-sizing: border-box !important;
}
#coupons-bg .coupons-text-long {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    float: none !important;
    width: auto !important;
    flex: 1 !important;
    min-height: 0 !important;
    margin: 0 !important;
}
#coupons-bg .coupons-text-long p {
    float: none !important;
    margin: 0 !important;
    flex: 1 !important;
    line-height: 1.4 !important;
}
#coupons-bg #coupon-remove {
    float: none !important;
    flex-shrink: 0 !important;
    align-self: center !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#coupons-bg label {
    font-size: 14px !important;
    color: #444 !important;
    font-weight: 600 !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}
#cart-confirm-coupon-button {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #a0c872 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 0 18px !important;
    height: 38px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}
#cart-confirm-coupon-button:hover {
    background: #80a358 !important;
}
#input-coupon-in-cart {
    flex: 1 !important;
    min-width: 160px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

/* === SEKCIA "ZÍSKAJTE ZĽAVU" — 3 emaily === */
#three_emails_in_cart {
    width: 100% !important;
    float: none !important;
    margin: 20px 0 0 !important;
    box-sizing: border-box !important;
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%) !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 24px 28px !important;
    color: #fff !important;
    position: relative !important;
    overflow: hidden !important;
}
#three_emails_in_cart::before {
    content: '' !important;
    position: absolute !important;
    top: -30px !important;
    right: -30px !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.08) !important;
    pointer-events: none !important;
}
#three_emails_in_cart #three_emails_in_cart_message {
    margin-bottom: 4px !important;
}
#three_emails_in_cart .icon-cart-add-favorit {
    display: inline-block !important;
    width: 42px !important;
    height: 42px !important;
    background: rgba(255,255,255,0.2) !important;
    border-radius: 50% !important;
    margin-bottom: 10px !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}
#three_emails_in_cart p,
#three_emails_in_cart b {
    color: #fff !important;
}
#three_emails_in_cart > p {
    font-size: 14px !important;
    margin: 0 0 14px !important;
    line-height: 1.5 !important;
    opacity: 0.95 !important;
}
.three_emails_in_cart_row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 8px 0 !important;
}
.three_emails_in_cart_row label {
    min-width: 70px !important;
    font-size: 13px !important;
    color: rgba(255,255,255,0.85) !important;
    margin: 0 !important;
}
.three_emails_in_cart_row input[type=text] {
    flex: 1 !important;
    border: 1.5px solid rgba(255,255,255,0.4) !important;
    border-radius: 8px !important;
    padding: 9px 13px !important;
    font-size: 14px !important;
    background: rgba(255,255,255,0.18) !important;
    color: #fff !important;
}
.three_emails_in_cart_row input[type=text]::placeholder {
    color: rgba(255,255,255,0.55) !important;
}
.three_emails_in_cart_row input[type=text]:focus {
    outline: none !important;
    background: rgba(255,255,255,0.28) !important;
    border-color: rgba(255,255,255,0.7) !important;
}
#three_emails_in_cart hr.space {
    border: none !important;
    margin: 12px 0 !important;
}
#three_emails_in_cart .button-type-back {
    background: rgba(255,255,255,0.22) !important;
    background-image: none !important;
    border: 1.5px solid rgba(255,255,255,0.45) !important;
    border-radius: 8px !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
}
#three_emails_in_cart .button-type-back a,
#three_emails_in_cart .button-type-back a.buttons-text {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 9px 20px !important;
    display: inline-block !important;
    text-decoration: none !important;
    line-height: normal !important;
}
#three_emails_in_cart .button-type-back:hover {
    background: rgba(255,255,255,0.32) !important;
}

/* === TRUST BADGES V PLATOBNOM STĹPCI === */
.cart-pay-trust-badges {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    align-items: flex-start !important;
    padding: 16px 12px !important;
    margin-top: auto !important;
    border-top: 1px solid #edf0f5 !important;
    gap: 8px !important;
}
.cart-trust-badge {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 8px !important;
    flex: 1 !important;
}
.cart-trust-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #fff !important;
}
/* Bezpečný nákup — zelená, fajka */
.pti-secure {
    background: #16a34a !important;
}
.pti-secure::after {
    content: '\2713' !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
}
/* 14 dní vrátenie — modrá, šípka späť */
.pti-return {
    background: #3b82f6 !important;
}
.pti-return::after {
    content: '\21BA' !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
}
/* 150 000 spokojných zákazníkov — zlatá, hviezda */
.pti-customers {
    background: #f59e0b !important;
}
.pti-customers::after {
    content: '\2605' !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
}
/* Ochrana údajov — sivá, zámok */
.pti-privacy {
    background: #64748b !important;
}
.pti-privacy::after {
    content: '\1F512' !important;
    font-size: 18px !important;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", Arial, sans-serif !important;
    filter: brightness(0) invert(1) !important;
}
.cart-trust-text {
    font-size: 11px !important;
    color: #666 !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.01em !important;
}

/* === POZNÁMKA K OBJEDNÁVKE === */
#cart_description {
    width: 100% !important;
    float: none !important;
    margin: 16px 0 20px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1.5px solid #e8edf5 !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
}
#cart_description label {
    font-size: 13px !important;
    color: #888 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}
#cart_description label::before {
    content: '✏' !important;
    font-size: 16px !important;
    display: inline-block !important;
}
#cart_description #description,
#cart_description textarea {
    width: 100% !important;
    border: 1.5px solid #e4e9f0 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    background: #f8fafc !important;
    font-size: 14px !important;
    color: #323232 !important;
    box-sizing: border-box !important;
    resize: vertical !important;
    min-height: 90px !important;
    transition: border-color 0.2s !important;
}
#cart_description #description:focus,
#cart_description textarea:focus {
    outline: none !important;
    border-color: #a0c872 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(160,200,114,0.14) !important;
}

/* === CELKOVÁ SUMA — price summary === */
#fullPrice, .fullPriceAjax {
    width: 100% !important;
    float: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    height: auto !important;
    padding: 0 !important;
    margin-top: -10px !important;
    border: none !important;
    box-shadow: none !important;
}
.fullPriceAjax > * {
    background: transparent;
}
/* Wrapper: badges vľavo, karta vpravo */
.price-summary-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    background: #fff !important;
    border: 1.5px solid #e8edf5 !important;
    border-radius: 14px !important;
    padding: 20px 24px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    box-sizing: border-box !important;
}
/* Badges na ľavej strane */
.price-badges {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    flex: 1 !important;
    float: none !important;
    height: auto !important;
    justify-content: center !important;
}
.price-badge {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #edf0f5 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
}
.price-badge-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-style: normal !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #fff !important;
}
/* Discount — zelená, % symbol */
.pbi-discount {
    background: #7dc855 !important;
}
.pbi-discount::after {
    content: '%' !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
}
/* Coupon — fialová, C symbol */
.pbi-coupon {
    background: #8b5cf6 !important;
}
.pbi-coupon::after {
    content: 'K' !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
}
/* Email — ružová, @ */
.pbi-email {
    background: #ec4899 !important;
}
.pbi-email::after {
    content: '@' !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
}
/* Delivery — modrá, šípka */
.pbi-delivery {
    background: #3b82f6 !important;
}
.pbi-delivery::after {
    content: '\2192' !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
}
/* Free delivery — zelená, fajka */
.pbi-free-delivery {
    background: #16a34a !important;
}
.pbi-free-delivery::after {
    content: '\2713' !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
}
/* Free delivery badge — zvýraznená zelená hranica */
.price-badge-free-delivery {
    border-color: #bbf7d0 !important;
    background: #f0fdf4 !important;
}
.price-badge-text {
    font-size: 13px !important;
    color: #444 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.price-badge-text strong {
    color: #323232 !important;
    font-weight: 600 !important;
    display: block !important;
}
.price-badge-text span {
    color: #666 !important;
    font-size: 12px !important;
    display: block !important;
}
/* Separator voda */
.price-badges + .price-summary-card {
    border-left: 1px solid #edf0f5 !important;
    padding-left: 24px !important;
    margin-left: 8px !important;
}
/* Cena — card vpravo */
.price-summary-card {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 240px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    justify-content: center !important;
}
.price-summary-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    float: none !important;
    width: 100% !important;
}
.price-summary-row.price-summary-total {
    border-bottom: none !important;
    padding-top: 12px !important;
    margin-top: 4px !important;
    border-top: 2px solid #a0c872 !important;
}
.price-summary-row .text {
    font-size: 14px !important;
    color: #666 !important;
    font-weight: 400 !important;
    display: block !important;
    float: none !important;
    width: auto !important;
}
.price-summary-row.price-summary-total .text {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #323232 !important;
}
.price-summary-row .price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #323232 !important;
    display: block !important;
    float: none !important;
    width: auto !important;
    text-align: right !important;
}
.price-summary-row.price-summary-total .price {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #323232 !important;
}
/* Doprava zdarma riadok */
.price-summary-row.price-summary-free-delivery-row {
    border-bottom: 1px solid #dcfce7 !important;
    background: #f0fdf4 !important;
    border-radius: 6px !important;
    margin-bottom: 4px !important;
}
.price-summary-row.price-summary-free-delivery-row .text {
    color: #16a34a !important;
    font-weight: 600 !important;
}
.price-summary-row.price-summary-free-delivery-row .price.price-free {
    color: #16a34a !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
/* Zľava červená */
#fullPrice .price-summary-discount .text,
#fullPrice .price-summary-discount .price,
.fullPriceAjax .price-summary-discount .text,
.fullPriceAjax .price-summary-discount .price {
    color: #e05252 !important;
}

/* ================================================================
   POISTENIE BALIKA - checkable badge v price summary
   ================================================================ */

/* Insurance badge — clickable/checkable variant */
.price-badge-insurance {
    cursor: pointer !important;
    user-select: none !important;
    border-style: dashed !important;
    border-color: #d1d5db !important;
    transition: border-color 0.18s, background 0.18s, box-shadow 0.18s !important;
    position: relative !important;
}
.price-badge-insurance:hover {
    border-color: #a0c872 !important;
    background: #f5faf0 !important;
    box-shadow: 0 2px 6px rgba(160,200,114,0.18) !important;
}
.price-badge-insurance-active {
    border-style: solid !important;
    border-color: #a0c872 !important;
    background: #f0f7e8 !important;
}
.price-badge-insurance-active:hover {
    background: #e8f5da !important;
}

/* Insurance icon — štít */
.pbi-insurance {
    background: #9ca3af !important;
    transition: background 0.18s !important;
}
.pbi-insurance::after {
    content: '\1F6E1' !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
}
.price-badge-insurance-active .pbi-insurance {
    background: #a0c872 !important;
}

/* Checkbox vizuál — vpravo v badge */
.pbi-ins-check {
    width: 20px !important;
    height: 20px !important;
    border-radius: 4px !important;
    border: 2px solid #d1d5db !important;
    background: #fff !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    transition: border-color 0.18s, background 0.18s !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 9px !important;
}
.price-badge-insurance:hover .pbi-ins-check {
    border-color: #a0c872 !important;
}
.price-badge-insurance-active .pbi-ins-check {
    background-color: #a0c872 !important;
    border-color: #a0c872 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Darček zadarmo badge — zlatá/oranžová */
.pbi-gift {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
}
.pbi-gift::after {
    content: '\1F381' !important;
    font-size: 17px !important;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", Arial, sans-serif !important;
}

/* Poistenie riadok v summary karte */
.price-summary-insurance-row .text {
    color: #374151 !important;
    font-weight: 500 !important;
}
.price-summary-insurance-row .price {
    color: #374151 !important;
    font-weight: 600 !important;
}

/* Odstránenie tmavých rámikov z pôvodného dizajnu */
.package_insurance {
    border-top: 1px solid #e5e7eb !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

/* Cart item remove X tlačidlo — svetlo-červené */
td .button-type-1,
#coupon-remove.button-type-1 {
    background: #f87171 !important;
    border-radius: 6px !important;
    transition: background 0.2s !important;
}
td .button-type-1:hover,
#coupon-remove.button-type-1:hover {
    background: #ef4444 !important;
}
td .button-type-1 a,
#coupon-remove.button-type-1 a {
    color: #fff !important;
    font-weight: 700 !important;
}

/* free delivery badge */
.info-price {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    margin: 10px 0 !important;
    padding: 10px 16px !important;
}
.free-price-bg {
    background: #a0c872 !important;
    color: #fff !important;
}
.free-price-bg p {
    color: #fff !important;
    margin: 0 !important;
}
.buy-price-bg {
    background: #f0a030 !important;
}

/* === CART BOTTOM BUTTONS === */
#cart-first-step-bottom-buttons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid #f0f0f0 !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Späť tlačidlo */
#cart-first-step-bottom-buttons .button-type-back {
    background: transparent !important;
    background-image: none !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
}
#cart-first-step-bottom-buttons .button-type-back a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #666 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    padding: 10px 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    transition: all 0.2s !important;
    line-height: normal !important;
    background: transparent !important;
    background-image: none !important;
}
#cart-first-step-bottom-buttons .button-type-back a:hover {
    border-color: #a0c872 !important;
    color: #a0c872 !important;
}
/* Pokračovať tlačidlo */
#button-payDel-button {
    background: #a0c872 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 0 28px !important;
    height: 46px !important;
    line-height: 46px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    box-shadow: 0 4px 14px rgba(160, 200, 114, 0.35) !important;
    float: none !important;
    margin: 0 !important;
}
#button-payDel-button:hover {
    background: #80a358 !important;
    background-image: none !important;
    box-shadow: 0 6px 20px rgba(160, 200, 114, 0.42) !important;
}
#button-payDel-button input {
    background: transparent !important;
    background-image: none !important;
    line-height: 46px !important;
    height: 46px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
}

/* === MODERNÉ FORMULÁROVÉ POLIA === */
#cart-buy-form-first-step .myform fieldset,
#cart-reg-form-first-step .myform fieldset {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    min-height: 0 !important;
}
#cart-buy-form-first-step .myform fieldset dl,
#cart-reg-form-first-step .myform fieldset dl {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px 16px !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    background: none !important;
    min-height: 0 !important;
    padding: 0 !important;
}

/* Niektoré polia na celú šírku */
#cart-buy-form-first-step .myform fieldset dl .row:has(input[name="email"]),
#cart-buy-form-first-step .myform fieldset dl .row:has(input[name="street"]),
#cart-buy-form-first-step .myform fieldset dl .row:has(select),
#cart-reg-form-first-step .myform fieldset dl .row:has(input[name="email"]),
#cart-reg-form-first-step .myform fieldset dl .row:has(input[name="street"]),
#cart-reg-form-first-step .myform fieldset dl .row:has(select) {
    grid-column: 1 / -1 !important;
}

/* Fieldset-data (checkboxy) — späť na jeden stĺpec */
#cart-buy-form-first-step .myform #fieldset-data dl,
#cart-reg-form-first-step .myform #fieldset-data dl {
    grid-template-columns: 1fr !important;
}
/* Row — štandardný riadok formulára */
#cart-buy-form-first-step .myform .row,
#cart-reg-form-first-step .myform .row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    float: none !important;
    margin: 0 0 12px !important;
    box-sizing: border-box !important;
}
/* Label */
#cart-buy-form-first-step .myform .row label,
#cart-reg-form-first-step .myform .row label {
    font-size: 13px !important;
    color: #555 !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
    display: block !important;
    float: none !important;
    position: static !important;
    top: auto !important;
    width: auto !important;
    text-align: left !important;
}
/* Input / Select / Textarea */
#fieldset-company_address .element input,
#fieldset-deliver_address .element input,
#fieldset-lowest_price_guarantee .element input,
#fieldset-person_address .element input,
#fieldset-registration .element input,
#three_emails_in_cart input,
#fieldset-users .element input,
#fieldset-company_address .element select,
#fieldset-deliver_address .element select,
#fieldset-person_address .element select,
#fieldset-registration .element select {
    border-radius: 6px !important;
    border: 1px solid #ddd !important;
    padding: 9px 12px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #fff !important;
    transition: border-color 0.2s !important;
    margin: 0 !important;
}
#fieldset-company_address .element input:focus,
#fieldset-deliver_address .element input:focus,
#fieldset-person_address .element input:focus,
#fieldset-registration .element input:focus,
#fieldset-users .element input:focus {
    border-color: #a0c872 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(160, 200, 114, 0.18) !important;
}

/* === FIELDSET-DATA — súhlasy s podmienkami === */
#cart-buy-form-first-step .myform #fieldset-data,
#cart-reg-form-first-step .myform #fieldset-data {
    background: #f9fdf5 !important;
    background-color: #f9fdf5 !important;
    border-radius: 8px !important;
    border: 1px solid #e0f0cc !important;
    padding: 14px 16px !important;
    margin-top: 6px !important;
}
#cart-buy-form-first-step .myform #fieldset-data dl,
#cart-reg-form-first-step .myform #fieldset-data dl {
    background: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* === CHECKBOXY === */
#cart-buy-form-first-step .myform input[type=checkbox],
#cart-reg-form-first-step .myform input[type=checkbox] {
    accent-color: #a0c872 !important;
    width: 17px !important;
    height: 17px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    order: -1 !important;
}
/* Checkbox label riadok */
#cart-buy-form-first-step .myform #fieldset-data .row,
#cart-reg-form-first-step .myform #fieldset-data .row {
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}
#cart-buy-form-first-step .myform #fieldset-data .row label,
#cart-reg-form-first-step .myform #fieldset-data .row label {
    font-weight: 400 !important;
    color: #444 !important;
    line-height: 1.5 !important;
}

/* === BUY FORM PANEL — card štýl === */
#cart-buy-form-first-step,
#cart-reg-form-first-step {
    background: #fff !important;
    border: 1.5px solid #e8f0de !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    margin-bottom: 40px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Fix: default.css sets float:left on .myform which collapses the flex-item
   width after AJAX reload of company form. Override here. */
#cart-buy-form-first-step .myform,
#cart-reg-form-first-step .myform {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Ensure the Zend <form> wrapper (parent of cart-buy-form-first-step in DOM)
   always stretches to fill .cart-steps regardless of floated children */
.cart-steps > form {
    width: 100% !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
}

/* === FLASH HLÁŠKA === */
#messages {
    margin: 16px 0 !important;
}
#flash-message {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}
#flash-message p.success {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #f0faf0 !important;
    border: 1.5px solid #b7e4b7 !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1e6b1e !important;
    margin: 0 !important;
    box-shadow: 0 2px 8px rgba(74, 163, 74, 0.08) !important;
    line-height: 1.5 !important;
}
#flash-message p.success span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 50% !important;
    background: #4caf50 !important;
    float: none !important;
    position: static !important;
}
#flash-message p.success span::before {
    content: '\2713' !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    line-height: 1 !important;
}
#flash-message p.error {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    background: #fff4f4 !important;
    border: 1.5px solid #fcd0d0 !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #c0392b !important;
    margin: 0 !important;
    box-shadow: 0 2px 8px rgba(229, 62, 62, 0.08) !important;
    line-height: 1.5 !important;
}

/* === RESPONSIVE MOBILE === */
@media screen and (max-width: 800px) {
    #ai-cart-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
    #ai-cart-header h2 {
        font-size: 20px !important;
    }
    .ai-btn-continue {
        width: 100% !important;
        justify-content: center !important;
    }
    #cart-coutry-pay-delivery-selections {
        flex-direction: column !important;
        gap: 12px !important;
    }
    .price-summary-wrapper {
        flex-direction: column !important;
        gap: 12px !important;
        padding: 16px !important;
    }
    .price-summary-card {
        min-width: 0 !important;
        width: 100% !important;
    }
    .price-badges + .price-summary-card {
        border-left: none !important;
        border-top: 1px solid #edf0f5 !important;
        padding-left: 0 !important;
        padding-top: 12px !important;
        margin-left: 0 !important;
        margin-top: 4px !important;
    }
    #three_emails_in_cart {
        padding: 18px 16px !important;
    }
    #cart_description {
        padding: 16px !important;
    }
    #cart-first-step-bottom-buttons {
        flex-direction: column !important;
        gap: 10px !important;
    }
    #cart-first-step-bottom-buttons .button-type-back,
    #button-payDel-button {
        width: 100% !important;
    }
    #button-payDel-button input {
        width: 100% !important;
    }
    #cart-first-step-bottom-buttons .button-type-back a {
        justify-content: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* KONIEC AI */

/* === OPRAVA POČÍTADLA MNOŽSTVA === */

/* Kontajner — flex riadok */
#cart-info-table .counter p,
div.counter p {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #fff !important;
    float: none !important;
    margin: 0 !important;
    height: 36px !important;
    padding: 0 !important;
}

/* Zobrazenie počtu — span (nie input ako v stevas) */
#cart-info-table .counter span.inputCount,
div.counter span.inputCount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    width: auto !important;
    height: 36px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    padding: 0 10px !important;
    color: #323232 !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    background: none !important;
    box-sizing: border-box !important;
}

/* Tlačidlá − a + : skryť hodnotu (ID produktu), zobraziť symbol */
div.counter #input-remove,
div.counter #input-add,
#cart-info-table .counter #input-remove,
#cart-info-table .counter #input-add {
    width: 34px !important;
    height: 36px !important;
    border: none !important;
    background-color: #f5f5f5 !important;
    background-image: none !important;
    color: transparent !important;
    font-size: 0 !important;
    cursor: pointer !important;
    transition: background 0.15s !important;
    flex-shrink: 0 !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
div.counter #input-remove::after,
#cart-info-table .counter #input-remove::after {
    content: "−" !important;
    font-size: 20px !important;
    color: #555 !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    pointer-events: none !important;
}
div.counter #input-add::after,
#cart-info-table .counter #input-add::after {
    content: "+" !important;
    font-size: 20px !important;
    color: #555 !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    pointer-events: none !important;
}
div.counter #input-remove:hover,
div.counter #input-add:hover,
#cart-info-table .counter #input-remove:hover,
#cart-info-table .counter #input-add:hover {
    background-color: #a0c872 !important;
}
div.counter #input-remove:hover::after,
div.counter #input-add:hover::after,
#cart-info-table .counter #input-remove:hover::after,
#cart-info-table .counter #input-add:hover::after {
    color: #fff !important;
}

/* Skryť prázdny span za tlačidlami */
div.counter p > span:not(.inputCount) {
    display: none !important;
}

/* === OPRAVA: input::after nefunguje — použijeme SVG background-image === */
div.counter #input-remove,
#cart-info-table .counter #input-remove {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='11' width='14' height='2' fill='%23555'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
}
div.counter #input-add,
#cart-info-table .counter #input-add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='11' width='14' height='2' fill='%23555'/%3E%3Crect x='11' y='5' width='2' height='14' fill='%23555'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
}
div.counter #input-remove:hover,
#cart-info-table .counter #input-remove:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='11' width='14' height='2' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
div.counter #input-add:hover,
#cart-info-table .counter #input-add:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='11' width='14' height='2' fill='%23ffffff'/%3E%3Crect x='11' y='5' width='2' height='14' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}
/* Zruš predchádzajúce ::after pokusy */
div.counter #input-remove::after,
div.counter #input-add::after,
#cart-info-table .counter #input-remove::after,
#cart-info-table .counter #input-add::after {
    content: none !important;
    display: none !important;
}


/* ================================================================
   AI FORM INPUTS REDESIGN – zdravotnicke (green #a0c872)
   ================================================================ */

/* --- Grid layout pre fakturačnú adresu --- */
#person_address-element fieldset dl,
#deliver_address-element fieldset dl {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Celá šírka pre: nadpis, ulica, email, krajina */
#person_address-element fieldset dl .no-reg-info,
#deliver_address-element fieldset dl .no-reg-info,
#person_address-element fieldset dl .row:has(#user_email),
#person_address-element fieldset dl .row:has(#street_number),
#person_address-element fieldset dl .row:has(#id_country),
#deliver_address-element fieldset dl .row:has(#deliver_street),
#deliver_address-element fieldset dl .row:has(#id_country_delivery),
#deliver_address-element fieldset dl .row:has(#deliver_employment) {
    grid-column: 1 / -1 !important;
}

/* --- Riadky a elementy --- */
#person_address-element .row,
#deliver_address-element .row {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

#person_address-element .row .element,
#deliver_address-element .row .element {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* --- Label nad inputom --- */
#person_address-element .row label.left,
#deliver_address-element .row label.left {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: #6b7280 !important;
    margin-bottom: 5px !important;
    float: none !important;
    width: auto !important;
    text-align: left !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

/* Odstrán hviezdičku z label textu – nie, nechaj ju (required) */

/* --- INPUT štýl --- */
#person_address-element input[type=text],
#person_address-element input[type=email],
#person_address-element input[type=tel],
#deliver_address-element input[type=text],
#deliver_address-element input[type=email],
#deliver_address-element input[type=tel] {
    width: 100% !important;
    box-sizing: border-box !important;
    height: 46px !important;
    padding: 0 14px 0 12px !important;
    border: 1px solid #d1d5db !important;
    border-left: 3px solid #a0c872 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    background: #fff !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: none !important;
    margin: 0 !important;
    float: none !important;
}

#person_address-element input[type=text]:focus,
#person_address-element input[type=email]:focus,
#deliver_address-element input[type=text]:focus {
    border-left-color: #7aaa4a !important;
    border-color: #a0c872 !important;
    box-shadow: 0 0 0 3px rgba(160, 200, 114, 0.18) !important;
}

/* --- SELECT krajina --- */
#id_country,
#id_country_delivery {
    width: 100% !important;
    box-sizing: border-box !important;
    height: 46px !important;
    padding: 0 40px 0 12px !important;
    border: 1px solid #d1d5db !important;
    border-left: 3px solid #a0c872 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z' fill='%23a0c872'/%3E%3C/svg%3E") no-repeat right 10px center !important;
    background-size: 22px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    outline: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    float: none !important;
    margin: 0 !important;
}

#id_country:focus,
#id_country_delivery:focus {
    border-color: #a0c872 !important;
    border-left-color: #7aaa4a !important;
    box-shadow: 0 0 0 3px rgba(160, 200, 114, 0.18) !important;
}

/* --- Nadpis "Fakturačná adresa" --- */
.no-reg-info p#address1,
#person_address-element .no-reg-info p,
#deliver_address-element .no-reg-info p {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #374151 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    border: none !important;
}

#person_address-element .no-reg-info,
#deliver_address-element .no-reg-info {
    border-bottom: 2px solid #a0c872 !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
}

/* --- Checkboxy "Tovar doručiť na inú adresu" / "Nakupujem na firmu" --- */
.no-reg-info-first-and-second {
    margin: 4px 0 18px !important;
}

.no-reg-info-first-and-second > p {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 !important;
}

.no-reg-info-first-and-second label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 16px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: #374151 !important;
    cursor: pointer !important;
    background: #fafafa !important;
    transition: border-color 0.2s, background 0.2s !important;
    font-weight: 500 !important;
    float: none !important;
}

.no-reg-info-first-and-second label:hover {
    border-color: #a0c872 !important;
    background: #f0f7e8 !important;
}

.no-reg-info-first-and-second input[type=checkbox] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    accent-color: #a0c872 !important;
    cursor: pointer !important;
    margin: 0 !important;
    float: none !important;
}

/* --- VOP / conditions box --- */
#data-element .row {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

#data-element .row label.left {
    display: inline !important;
    font-size: 13px !important;
    color: #4b5563 !important;
    cursor: pointer !important;
    line-height: 1.55 !important;
    float: none !important;
    width: auto !important;
    flex: 1 1 auto !important;
    align-self: center !important;
    text-align: left !important;
    font-weight: 400 !important;
}

/* #data-element .row .element display: none -- ODSTRÁNENÉ, checkbox musí byť viditeľný */

#data-element input[type=checkbox] {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    margin-top: 0 !important;
    accent-color: #a0c872 !important;
    cursor: pointer !important;
    float: none !important;
    margin-right: 0 !important;
}

/* Nákup bez registrácie – header štýl */
.myform > p {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    background: #2d3a2e !important;
    padding: 10px 16px !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0 0 16px 0 !important;
    border-left: 4px solid #a0c872 !important;
}



/* --- OVERRIDE: špecifickejší selektor pre grid (bije flex!important) --- */
#cart-buy-form-first-step #person_address-element fieldset dl,
#cart-buy-form-first-step #deliver_address-element fieldset dl,
#cart-reg-form-first-step #person_address-element fieldset dl,
#cart-reg-form-first-step #deliver_address-element fieldset dl {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 20px !important;
    align-items: start !important;
}

/* Celá šírka: nadpis, ulica, email, krajina */
#cart-buy-form-first-step #person_address-element fieldset dl .no-reg-info,
#cart-buy-form-first-step #deliver_address-element fieldset dl .no-reg-info,
#cart-buy-form-first-step #person_address-element fieldset dl .row:has(#user_email),
#cart-buy-form-first-step #person_address-element fieldset dl .row:has(#street_number),
#cart-buy-form-first-step #person_address-element fieldset dl .row:has(#id_country),
#cart-buy-form-first-step #deliver_address-element fieldset dl .row:has(#deliver_street),
#cart-buy-form-first-step #deliver_address-element fieldset dl .row:has(#id_country_delivery),
#cart-buy-form-first-step #deliver_address-element fieldset dl .row:has(#deliver_employment) {
    grid-column: 1 / -1 !important;
}



/* --- OPRAVA: checkboxy nemajú label – stylujeme p element --- */
.no-reg-info-first-and-second > p {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 16px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: #374151 !important;
    cursor: pointer !important;
    background: #fafafa !important;
    transition: border-color 0.2s, background 0.2s !important;
    font-weight: 500 !important;
    margin: 0 !important;
    float: none !important;
}

.no-reg-info-first-and-second > p:hover {
    border-color: #a0c872 !important;
    background: #f0f7e8 !important;
}

/* Kontajner – riadok s medzerami */
.no-reg-info-first-and-second {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 4px 0 18px !important;
}

.no-reg-info-first-and-second input[type=checkbox] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    accent-color: #a0c872 !important;
    cursor: pointer !important;
    margin: 0 !important;
    float: none !important;
    flex-shrink: 0 !important;
}

/* --- TELEFÓN – celá šírka --- */
#cart-buy-form-first-step #person_address-element fieldset dl .row:has(#tel),
#cart-reg-form-first-step #person_address-element fieldset dl .row:has(#tel) {
    grid-column: 1 / -1 !important;
}



/* --- OPRAVA: .no-reg-info-first-and-second v delivery grid → celá šírka --- */
#cart-buy-form-first-step #deliver_address-element fieldset dl .no-reg-info-first-and-second,
#cart-reg-form-first-step #deliver_address-element fieldset dl .no-reg-info-first-and-second {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* Tiež oprava pre person_address - ak tam náhodou tiež existuje */
#cart-buy-form-first-step #person_address-element fieldset dl .no-reg-info-first-and-second,
#cart-reg-form-first-step #person_address-element fieldset dl .no-reg-info-first-and-second {
    grid-column: 1 / -1 !important;
}



/* --- deliver_tel na celú šírku --- */
#cart-buy-form-first-step #deliver_address-element fieldset dl .row:has(#deliver_tel),
#cart-reg-form-first-step #deliver_address-element fieldset dl .row:has(#deliver_tel) {
    grid-column: 1 / -1 !important;
}



/* --- VOP checkbox – oprava: .element nie je skrytý, row = flex row --- */
#data-element .row {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

#data-element .row .element {
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    flex-shrink: 0 !important;
    order: -1 !important;
}

#data-element .row label.left {
    order: 1 !important;
    flex: 1 !important;
}



/* ================================================================
   DELIVERY ADDRESS – skrytý štandardne, zobrazí sa cez JS toggle
   ================================================================ */

/* Skryť riadky delivery formulára – zobrazí JS pri kliknutí */
#fieldset-deliver_address .row {
    display: none;
}

/* Zabezpečiť že grid kontainer sa nezhrnie keď sú rows skryté */
#deliver_address-element fieldset dl {
    min-height: 0;
}


/* ================================================================
   COMPANY ADDRESS FORM – "Nakupujem na firmu"
   Grid layout + green left border (rovnaké ako person_address)
   ================================================================ */

/* Grid layout pre company_address */
#cart-buy-form-first-step #company_address-element fieldset dl,
#cart-reg-form-first-step #company_address-element fieldset dl {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 20px !important;
    align-items: start !important;
}

/* Celá šírka: nadpis, firma, email, ulica, tel, IČ DPH, krajina */
#cart-buy-form-first-step #company_address-element fieldset dl .no-reg-info,
#cart-buy-form-first-step #company_address-element fieldset dl .row:has(#company),
#cart-buy-form-first-step #company_address-element fieldset dl .row:has(#user_email),
#cart-buy-form-first-step #company_address-element fieldset dl .row:has(#street_number),
#cart-buy-form-first-step #company_address-element fieldset dl .row:has(#tel),
#cart-buy-form-first-step #company_address-element fieldset dl .row:has(#icdph),
#cart-buy-form-first-step #company_address-element fieldset dl .row:has(#id_country),
#cart-reg-form-first-step #company_address-element fieldset dl .no-reg-info,
#cart-reg-form-first-step #company_address-element fieldset dl .row:has(#company),
#cart-reg-form-first-step #company_address-element fieldset dl .row:has(#user_email),
#cart-reg-form-first-step #company_address-element fieldset dl .row:has(#street_number),
#cart-reg-form-first-step #company_address-element fieldset dl .row:has(#tel),
#cart-reg-form-first-step #company_address-element fieldset dl .row:has(#icdph),
#cart-reg-form-first-step #company_address-element fieldset dl .row:has(#id_country) {
    grid-column: 1 / -1 !important;
}

/* Row a label štýly pre company (rovnaké ako person/deliver) */
#company_address-element .row {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 12px !important;
}

#company_address-element .row .element {
    width: 100% !important;
}

#company_address-element .row label.left {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #6b7280 !important;
    margin-bottom: 4px !important;
    display: block !important;
    text-align: left !important;
}

/* Zelený ľavý okraj – všetky inputy company formulára */
#company_address-element input[type=text],
#company_address-element input[type=email],
#company_address-element input[type=tel] {
    border: 1px solid #d1d5db !important;
    border-left: 3px solid #a0c872 !important;
    border-radius: 8px !important;
    height: 46px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #fff !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

#company_address-element input[type=text]:focus,
#company_address-element input[type=email]:focus,
#company_address-element input[type=tel]:focus {
    border-color: #a0c872 !important;
    border-left-color: #7aaa42 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(160, 200, 114, 0.18) !important;
}

/* Select krajina v company forme */
#company_address-element select {
    border: 1px solid #d1d5db !important;
    border-left: 3px solid #a0c872 !important;
    border-radius: 8px !important;
    height: 46px !important;
    padding: 0 36px 0 14px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0c872' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
}


/* ================================================================
   PRÍPLATKOVÁ 
/* --- Deliver fieldset: rovnaký padding hore/dole, obsah vycentrovaný --- */
#fieldset-deliver_address {
    border: none !important;
    padding: 16px 16px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: none !important;
    min-height: 0 !important;
}
#fieldset-deliver_address dl {
    width: 100% !important;
}


/* === Skrytý prázdny label pre customer_type vo vnútri #fieldset-data === */
#cart-buy-form-first-step #fieldset-data #customer_type-label,
#cart-reg-form-first-step #fieldset-data #customer_type-label,
#cart-buy-form-first-step #fieldset-data #customer_type-element,
#cart-reg-form-first-step #fieldset-data #customer_type-element {
    display: none !important;
}

/* Zmenši medzeru medzi "doručiť na inú adresu" a VOP */
#cart-buy-form-first-step dd#deliver_address-element,
#cart-reg-form-first-step dd#deliver_address-element {
    margin-bottom: 0 !important;
}

/* Skryť prázdny dt#data-label medzi deliver_address a VOP */
#cart-buy-form-first-step #data-label,
#cart-reg-form-first-step #data-label {
    display: none !important;
}

/* Pritiahni VOP sekciu vyššie --- menej priestoru pod checkboxmi doručenia */
#cart-buy-form-first-step #data-element,
#cart-reg-form-first-step #data-element {
    margin-top: -14px !important;
}

/* ================================================================
   MOBILNY CARD LAYOUT PRE KOSIK (max-width: 800px)
   ================================================================ */
@media screen and (max-width: 800px) {

    /* Zobraz td:nth-child(4) - pocitadlo kusov */
    #cart-products #cart-info-table td:nth-child(4) {
        display: table-cell !important;
    }

    /* Skry header riadok - nepotrebne na mobile */
    #cart-info-table tr.title {
        display: none !important;
    }

    /* Kazdy produkt = karta */
    #cart-info-table,
    #cart-info-table tbody {
        display: block !important;
        width: 100% !important;
    }

    /* Vsetky tr = full sirka blok */
    #cart-info-table tr {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #cart-info-table tr.normal {
        display: grid !important;
        grid-template-columns: 70px 1fr auto !important;
        grid-template-rows: auto auto !important;
        gap: 6px 10px !important;
        background: #fff !important;
        border: 1.5px solid #e8f0de !important;
        border-radius: 10px !important;
        padding: 10px !important;
        margin-bottom: 10px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* td 1: obrazok - vlavo hore, span 2 riadky */
    #cart-info-table tr.normal td:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 0 !important;
    }
    #cart-info-table tr.normal td:nth-child(1) img {
        width: 60px !important;
        height: auto !important;
        border-radius: 6px !important;
        margin: 0 !important;
    }

    /* td 2: nazov produktu - vpravo hore */
    #cart-info-table tr.normal td:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: block !important;
        padding: 0 !important;
        font-size: 13px !important;
    }
    #cart-info-table tr.normal td:nth-child(2) p,
    #cart-info-table tr.normal td:nth-child(2) a {
        font-size: 13px !important;
        font-weight: 600 !important;
        color: #2d4a1a !important;
        line-height: 1.3 !important;
        margin: 0 0 4px !important;
    }

    /* td 3: cena - skryj na mobile (zobrazime v td 5) */
    #cart-info-table tr.normal td:nth-child(3) {
        display: none !important;
    }

    /* td 4: pocitadlo - vlavo dole (pod obrazkom) */
    #cart-info-table tr.normal td:nth-child(4) {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }

    /* td 5: medzisucet - vpravo dole */
    #cart-info-table tr.normal td:nth-child(5) {
        grid-column: 3 !important;
        grid-row: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    /* td 6: odstranit - vpravo dole */
    #cart-info-table tr.normal td:nth-child(6) {
        grid-column: 3 !important;
        grid-row: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 0 !important;
    }

    /* Skry prazdne tr (priplatky, darceky) - zachovaj ale ich vizual */
    #cart-info-table tr:not(.title):not(.normal) {
        display: block !important;
        padding: 0 !important;
        margin: 0 0 8px !important;
        border: none !important;
        box-shadow: none !important;
    }


    /* Riadky s colspan (priplatky, darceky) - full width block */
    #cart-info-table tr.normal:has(td[colspan]) {
        display: block !important;
        border: none !important;
        padding: 0 !important;
        box-shadow: none !important;
        margin-bottom: 0 !important;
        background: transparent !important;
    }
    #cart-info-table tr.normal td[colspan] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        grid-column: 1 / -1 !important;
    }

    /* Pocitadlo na mobile - trochu mensie */

    #cart-info-table .counter p {
        height: 32px !important;
    }
    #cart-info-table .counter span.inputCount {
        height: 32px !important;
        min-width: 30px !important;
        font-size: 14px !important;
    }
    #cart-info-table .counter #input-remove,
    #cart-info-table .counter #input-add {
        width: 32px !important;
        height: 32px !important;
    }

    /* Full-width pre riadky s kuponmi a priplatkami */
    #cart-info-table #return-coupons {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #cart-info-table #return-coupons td {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        padding: 0 !important;
    }
    #cart-info-table #return-coupons #coupons-bg,
    #coupons-bg {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #cart-info-table tr.normal td[colspan] {
        max-width: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #cart-info-table tr.normal td[colspan] .cart-not-used-payoff-params-single,
    .cart-not-used-payoff-params-single {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* === z53: Mobile fixes === */

@media screen and (max-width: 800px) {

    /* Skry prazdne tr.normal (bez obsahu) */
    #cart-info-table tr.normal:not(:has(*)) {
        display: none !important;
    }

    /* VOP label - fix flex display (text sa rozpadal do stlpcov) */
    #cart-buy-form-first-step #fieldset-data .row label.left,
    #cart-reg-form-first-step #fieldset-data .row label.left {
        display: block !important;
        width: auto !important;
        flex: 1 1 auto !important;
    }

    /* Delivery/payment section - zmensit horny padding na mobile */
    #cart-coutry-pay-delivery-selections {
        margin-top: 0 !important;
    }

    /* HR.space v platobnych moznostiach - mensia medzera na mobile */
    #cart-first-radio-pay-type hr.space,
    #cart-first-radio-delivery-type hr.space {
        margin-bottom: 12px !important;
        margin-top: 0 !important;
    }

}

@media screen and (max-width: 800px) {
    /* Skry duplikatny fullPriceAjax v delivery stlpci (desktop verzia) */
    .cart-cols-2 .fullPriceAjax.cart-price-recap-top {
        display: none !important;
    }

    /* cart-cols-2 na mobile - zrus 2-stlpcovu strukturu */
    #cart-coutry-pay-delivery-selections .cart-cols-2 {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}

/* === z55: Moderny vzhľad príplatkovej sekcie === */

/* Celý blok príplatkovej sekcie */
.cart-not-used-payoff-params-single {
    width: 100%;
    float: left;
    margin: 6px 0 14px 0;
    padding: 14px 16px;
    background: #f6fdf0;
    border-radius: 10px;
    border: 1.5px solid #c8e8a0;
    box-sizing: border-box;
}

/* Nadpis "Príplatková služba" */
.cart-not-used-payoff-params-single > p {
    width: 100%;
    float: left;
    font-weight: 700;
    font-size: 13px;
    color: #4a7c20;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

/* Flex wrapper pre položky */
.cart-not-used-payoff-params-single > div {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
}

/* Každá položka - flex column */
.cart-not-used-payoff-params-single > div > div {
    float: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

/* Klikateľný pill */
.cart-not-used-payoff-params-single > div > div > p:first-child {
    float: none !important;
    cursor: pointer;
    padding: 6px 14px;
    background: #ffffff;
    margin: 0 !important;
    border-radius: 20px;
    border: 1.5px solid #a0c872;
    color: #3d6b18;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* Hover stav */
.cart-not-used-payoff-params-single > div > div > p:first-child:hover {
    background: #a0c872;
    border-color: #7aaa4a;
    color: #ffffff;
}

/* Vybratý / aktívny stav (trieda ktorú pridáva JS) */
.cart-not-used-payoff-params-single > div > div > p:first-child.selected,
.cart-not-used-payoff-params-single > div > div > p:first-child.active,
.cart-not-used-payoff-params-single > div > div > p:first-child.checked {
    background: #7aaa4a;
    border-color: #5a8c2e;
    color: #ffffff;
}

/* Span = ajax loader - zachovaj skrytý */
.cart-not-used-payoff-params-single > div > div > p:first-child > span {
    width: 14px;
    height: 14px;
    float: none;
    margin: 0;
    display: none;
    flex-shrink: 0;
}

/* Ikona otáznika - inline vedľa pillu */
.cart-not-used-payoff-params-single p.icon-cart-question {
    display: inline-block !important;
    float: none !important;
    position: relative;
    left: 0;
    margin: 0 !important;
    width: 21px;
    height: 21px;
    flex-shrink: 0;
    opacity: 0.55;
    cursor: pointer;
    transition: opacity 0.18s;
    vertical-align: middle;
}

.cart-not-used-payoff-params-single p.icon-cart-question:hover {
    opacity: 1;
}

/* Mobile - zmensi padding a font */
@media screen and (max-width: 800px) {
    .cart-not-used-payoff-params-single {
        padding: 10px 12px;
        margin: 4px 0 10px 0;
    }
    .cart-not-used-payoff-params-single > div > div > p:first-child {
        font-size: 12px;
        padding: 5px 11px;
    }
}

/* === z56: Moderná ? ikona + dialog pre príplatkovú sekciu === */

/* Ikona ? - nahradíme sprite za CSS krúžok */
.cart-not-used-payoff-params-single p.icon-cart-question {
    background-image: none !important;
    background-color: #d4edbc !important;
    border: 1.5px solid #a0c872 !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    position: static !important;
    left: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #3d6b18 !important;
    line-height: 1 !important;
    font-style: normal !important;
    font-family: inherit !important;
    transition: background-color 0.18s, border-color 0.18s !important;
}

.cart-not-used-payoff-params-single p.icon-cart-question::after {
    content: "?";
    font-size: 11px;
    font-weight: 800;
    color: #3d6b18;
    line-height: 1;
}

.cart-not-used-payoff-params-single p.icon-cart-question:hover {
    background-color: #a0c872 !important;
    border-color: #7aaa4a !important;
}

.cart-not-used-payoff-params-single p.icon-cart-question:hover::after {
    color: #fff;
}

/* Dialog pre príplatkovú sekciu - moderný zelený štýl */
.ui-dialog:has(.cart-not-used-payoff-params-single-description) {
    background: #ffffff !important;
    border: 1.5px solid #a0c872 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(100, 160, 50, 0.18), 0 2px 8px rgba(0,0,0,0.12) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Titlebar dialógu */
.ui-dialog:has(.cart-not-used-payoff-params-single-description) .ui-dialog-titlebar {
    background: #7aaa4a !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    color: #fff !important;
}

.ui-dialog:has(.cart-not-used-payoff-params-single-description) .ui-dialog-title {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    padding-right: 30px !important;
}

/* X tlačidlo zatvoriť */
.ui-dialog:has(.cart-not-used-payoff-params-single-description) .ui-dialog-titlebar-close {
    background: rgba(255,255,255,0.2) !important;
    border: 1.5px solid rgba(255,255,255,0.5) !important;
    border-radius: 50% !important;
    width: 26px !important;
    height: 26px !important;
    top: 50% !important;
    right: 12px !important;
    margin-top: -13px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.18s !important;
}

.ui-dialog:has(.cart-not-used-payoff-params-single-description) .ui-dialog-titlebar-close:hover {
    background: rgba(255,255,255,0.4) !important;
}

.ui-dialog:has(.cart-not-used-payoff-params-single-description) .ui-dialog-titlebar-close .ui-icon {
    background-image: none !important;
    position: static !important;
    margin: 0 !important;
    text-indent: 0 !important;
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
}

.ui-dialog:has(.cart-not-used-payoff-params-single-description) .ui-dialog-titlebar-close .ui-icon::after {
    content: "×" !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #fff !important;
    line-height: 1 !important;
}

/* Obsah dialógu */
.ui-dialog:has(.cart-not-used-payoff-params-single-description) .ui-dialog-content {
    background: #ffffff !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    padding: 16px 18px !important;
    border: none !important;
}

/* === z57: Rekapitulácia - badges na vlastných riadkoch, pod nimi textová rekapitulácia === */

.price-summary-wrapper {
    flex-direction: column !important;
    gap: 0 !important;
    padding: 16px 20px !important;
}

/* Badges - zachovaj column layout, uprav padding */
.price-badges {
    justify-content: flex-start !important;
    margin-bottom: 0 !important;
}

/* Separator medzi badges a textovou rekapituláciou */
.price-badges + .price-summary-card {
    border-left: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    border-top: 1.5px solid #edf0f5 !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
    min-width: 0 !important;
    width: 100% !important;
}

/* === z58: Oprava - vrchná rekapitulácia (cart-price-recap-top) späť na row layout === */

/* Vrchná rekapitulácia v pravom stĺpci - zachovaj pôvodný row layout */
.cart-price-recap-top .price-summary-wrapper {
    flex-direction: row !important;
    gap: 16px !important;
    padding: 20px 24px !important;
}

.cart-price-recap-top .price-badges + .price-summary-card {
    border-left: 1px solid #edf0f5 !important;
    padding-left: 24px !important;
    margin-left: 8px !important;
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-width: 240px !important;
}

/* === z59: Oprava vrchnej rekapitulácie - card nesmie pretekať === */

/* Vrchná rekapitulácia — card dostane flex:1 a smie sa zmensit */
.cart-price-recap-top .price-summary-card {
    flex: 1 1 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
}

/* Badges dostanú pevnú max-width aby card mal dostatok miesta */
.cart-price-recap-top .price-badges {
    flex: 0 0 auto !important;
    max-width: 45% !important;
    min-width: 0 !important;
}

/* === z60: Prehodenie layoutov - top=column (badges nad textom), bottom=row (badges vľavo, text vpravo) === */

/* TOP rekapitulácia — badges na vlastných riadkoch, pod nimi textová rekapitulácia */
.cart-price-recap-top .price-summary-wrapper {
    flex-direction: column !important;
    gap: 0 !important;
    padding: 16px 20px !important;
}
.cart-price-recap-top .price-badges {
    flex: unset !important;
    max-width: none !important;
    justify-content: flex-start !important;
    margin-bottom: 0 !important;
}
.cart-price-recap-top .price-badges + .price-summary-card {
    border-left: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    border-top: 1.5px solid #edf0f5 !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
    min-width: 0 !important;
    flex: unset !important;
    flex-shrink: unset !important;
    width: 100% !important;
}
.cart-price-recap-top .price-summary-card {
    flex: unset !important;
    flex-shrink: unset !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* SPODNÁ rekapitulácia — badges vľavo, textová rekapitulácia vpravo */
.cart-steps > .fullPriceAjax .price-summary-wrapper {
    flex-direction: row !important;
    gap: 16px !important;
    padding: 20px 24px !important;
}
.cart-steps > .fullPriceAjax .price-badges {
    flex: 0 0 auto !important;
    max-width: 50% !important;
    justify-content: center !important;
}
.cart-steps > .fullPriceAjax .price-badges + .price-summary-card {
    border-left: 1px solid #edf0f5 !important;
    padding-left: 24px !important;
    margin-left: 8px !important;
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    flex: 1 1 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
}
.cart-steps > .fullPriceAjax .price-summary-card {
    flex: 1 1 0 !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* === z61: Vrchná rekapitulácia - pomer zo zálohy: badges flex:1, card pevných 260px === */

/* TOP recap - spodná zostáva column, toto je len pre row layout spodnej */
/* Spodná (cart-steps) — card pevných 260px podľa zálohy, badges berie zvyšok */
.cart-steps > .fullPriceAjax .price-summary-card {
    flex: 0 0 260px !important;
    width: 260px !important;
    min-width: 0 !important;
    max-width: 260px !important;
}
.cart-steps > .fullPriceAjax .price-badges {
    flex: 1 !important;
    max-width: none !important;
}

/* === z62: Promo banner - spánok === */

.cart-sleep-promo {
    position: relative;
    margin: 16px 0 12px 0;
    padding: 24px 20px 20px;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    border-radius: 14px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 4px 20px rgba(15, 52, 96, 0.35);
}

/* Hviezdna obloha cez pseudo-element */
.cart-sleep-promo::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(1px 1px at 15% 20%, rgba(255,255,255,0.9) 0%, transparent 100%),
        radial-gradient(1px 1px at 35% 10%, rgba(255,255,255,0.7) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 60% 25%, rgba(255,255,255,0.8) 0%, transparent 100%),
        radial-gradient(1px 1px at 80% 15%, rgba(255,255,255,0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 90% 40%, rgba(255,255,255,0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 25% 60%, rgba(255,255,255,0.4) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 70% 70%, rgba(255,255,255,0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 45% 80%, rgba(255,255,255,0.5) 0%, transparent 100%),
        radial-gradient(1px 1px at 10% 85%, rgba(255,255,255,0.4) 0%, transparent 100%),
        radial-gradient(1px 1px at 55% 50%, rgba(255,255,255,0.3) 0%, transparent 100%);
    pointer-events: none;
}

/* Zelenkavá žiara zdola */
.cart-sleep-promo::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 40px;
    background: radial-gradient(ellipse, rgba(160, 200, 114, 0.25) 0%, transparent 70%);
    pointer-events: none;
}

.cart-sleep-promo-stars {
    font-size: 13px;
    letter-spacing: 6px;
    color: #a0c872;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.cart-sleep-promo-text {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.5;
    margin: 0 0 10px 0;
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 8px rgba(0,0,0,0.4);
}

.cart-sleep-promo-text em {
    font-style: italic;
    color: #a0c872;
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin-top: 4px;
}

.cart-sleep-promo-moon {
    font-size: 26px;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 0 8px rgba(160,200,114,0.6));
    line-height: 1;
}

/* === z63: Promo banner - jemnejší redesign === */

.cart-sleep-promo {
    position: relative;
    margin: 16px 0 12px 0;
    padding: 22px 24px 18px;
    background: linear-gradient(160deg, #f7f9ff 0%, #eef2f8 60%, #e8f0fc 100%);
    border-radius: 14px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 2px 12px rgba(100, 130, 180, 0.1), inset 0 1px 0 rgba(255,255,255,0.9);
    border: 1px solid rgba(160, 180, 220, 0.25);
}

/* Jemné hviezdy — sotva viditeľné */
.cart-sleep-promo::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(1px 1px at 12% 18%, rgba(100,130,200,0.35) 0%, transparent 100%),
        radial-gradient(1px 1px at 32% 8%, rgba(100,130,200,0.25) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 58% 22%, rgba(100,130,200,0.3) 0%, transparent 100%),
        radial-gradient(1px 1px at 78% 12%, rgba(100,130,200,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 88% 38%, rgba(100,130,200,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 22% 58%, rgba(100,130,200,0.15) 0%, transparent 100%),
        radial-gradient(1px 1px at 68% 68%, rgba(100,130,200,0.2) 0%, transparent 100%),
        radial-gradient(1px 1px at 42% 78%, rgba(100,130,200,0.15) 0%, transparent 100%);
    pointer-events: none;
}

/* Jemná žiara na spodku */
.cart-sleep-promo::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 30px;
    background: radial-gradient(ellipse, rgba(160, 200, 114, 0.12) 0%, transparent 70%);
    pointer-events: none;
}

.cart-sleep-promo-stars {
    font-size: 10px;
    letter-spacing: 8px;
    color: #a0c872;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    opacity: 0.7;
}

.cart-sleep-promo-text {
    font-size: 15px;
    font-weight: 600;
    color: #2c3a5a;
    line-height: 1.55;
    margin: 0 0 10px 0;
    position: relative;
    z-index: 1;
    letter-spacing: 0.1px;
}

.cart-sleep-promo-text em {
    font-style: italic;
    color: #6b8fc2;
    font-size: 13px;
    font-weight: 400;
    display: block;
    margin-top: 5px;
    opacity: 0.85;
}

.cart-sleep-promo-moon {
    font-size: 20px;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 0 4px rgba(160,200,114,0.3));
    line-height: 1;
    opacity: 0.8;
}


/* z65 - mobile: navigácia krokov, info text, šírka layoutu */

@media (max-width: 800px) {

    #steps-cart {
        padding: 10px 12px !important;
    }
    #steps-cart li.active,
    #steps-cart li.normal {
        flex-shrink: 1 !important;
        min-width: 0 !important;
        gap: 8px !important;
    }
    #steps-cart .step-num {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        font-size: 13px !important;
    }
    #steps-cart .step-label {
        font-size: 11px !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Info text nad košíkom */
    .cart-info-text-box {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }

    /* Hlavný layout košíka – stĺpce pod sebou */
    #cart-layout-cols {
        flex-direction: column !important;
    }
    #cart-layout-left,
    #cart-layout-right {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* z67 - mobile: oprava float collapse pre Príplatková služba */

@media (max-width: 800px) {

    #cart-info-table .cart-not-used-payoff-params-single {
        float: none !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    #cart-info-table .cart-not-used-payoff-params-single > p {
        float: none !important;
        width: 100% !important;
    }
    #cart-info-table .cart-not-used-payoff-params-single > div {
        float: none !important;
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
}


/* z68 - mobile: price summary card na plnú šírku + centrovanie riadkov */
/* z96: wrapper column, badges full-width */

@media (max-width: 800px) {

    .cart-steps > .fullPriceAjax .price-summary-wrapper {
        flex-direction: column !important;
        gap: 12px !important;
        padding: 16px !important;
    }
    .cart-steps > .fullPriceAjax .price-badges {
        max-width: 100% !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
    .cart-steps > .fullPriceAjax .price-badges + .price-summary-card {
        border-left: none !important;
        border-top: 1px solid #edf0f5 !important;
        padding-left: 0 !important;
        padding-top: 12px !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    .cart-steps > .fullPriceAjax .price-summary-card {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        align-self: stretch !important;
    }
    .cart-steps > .fullPriceAjax .price-summary-row {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        width: 100% !important;
        text-align: center !important;
    }
    .cart-steps > .fullPriceAjax .price-summary-row .text {
        text-align: center !important;
        flex: 0 1 auto !important;
        white-space: normal !important;
    }
    .cart-steps > .fullPriceAjax .price-summary-row .price {
        text-align: center !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        font-weight: 600 !important;
    }
    .cart-steps > .fullPriceAjax .price-summary-row.price-summary-total {
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
    }
}


/* z69 - mobile: darček grid layout (CSS fallback — JS inline styles majú prednosť) */

@media (max-width: 800px) {

    #tr-cart-gift {
        display: grid !important;
        grid-template-columns: 64px 1fr 36px !important;
        grid-template-rows: auto auto !important;
    }
    #tr-cart-gift td:nth-child(1) {
        grid-row: 1 / 3 !important;
        grid-column: 1 / 2 !important;
    }
    #tr-cart-gift td:nth-child(2) {
        grid-row: 1 / 2 !important;
        grid-column: 2 / 3 !important;
    }
    #tr-cart-gift td:nth-child(4) {
        display: none !important;
    }
    #tr-cart-gift td:nth-child(5) {
        grid-row: 2 / 3 !important;
        grid-column: 2 / 4 !important;
    }
    #tr-cart-gift td:nth-child(6) {
        grid-row: 1 / 2 !important;
        grid-column: 3 / 4 !important;
        align-items: flex-start !important;
        padding-top: 6px !important;
    }
}


/* z71 - mobile: zarovnanie tlačidla X kupónu */

@media (max-width: 800px) {

    #coupons-bg {
        padding-right: 12px !important;
    }
    #coupon-remove {
        margin-left: auto !important;
        flex-shrink: 0 !important;
    }
}


/* z72 - mobile: druhá cenová rekapitulácia nad tlačidlom Späť na nákup */

.cart-mobile-price-recap-bottom {
    display: none;
}

@media (max-width: 800px) {

    .cart-mobile-price-recap-bottom {
        display: block !important;
        margin: 12px 0 8px !important;
    }
    .cart-mobile-price-recap-bottom .price-badges {
        display: none !important;
    }
    .cart-mobile-price-recap-bottom .price-summary-wrapper {
        flex-direction: column !important;
        gap: 0 !important;
        padding: 12px 16px !important;
    }
    .cart-mobile-price-recap-bottom .price-summary-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border-left: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .cart-mobile-price-recap-bottom .price-summary-row {
        flex-direction: row !important;
        justify-content: center !important;
        align-items: baseline !important;
        gap: 6px !important;
    }
    .cart-mobile-price-recap-bottom .price-summary-row .text {
        text-align: right !important;
        flex: 0 1 auto !important;
    }
    .cart-mobile-price-recap-bottom .price-summary-row .price {
        text-align: left !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }
    .cart-mobile-price-recap-bottom .price-summary-row.price-summary-total {
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
    }
}


/* z73 - TRETÍ KROK KOŠÍKA — kompletný redesign */

/* ---- Oprava flex layout rodiča ---- */
/* .cart-steps má flex-direction: row; pre tretí krok to prepisujeme na column */

.cart-steps.cart-third-step {
    flex-direction: column !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    padding: 24px 28px !important;
}

@media (max-width: 800px) {
    .cart-steps.cart-third-step {
        padding: 16px 14px !important;
    }
}

.cart-third-layout,
.cart-third-info-box,
.cart-third-warning-box,
.third-cart-submit {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ---- Info & Warning boxy ---- */

.cart-third-info-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #eef4ff;
    border: 1px solid #c5d8f7;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #2d4a7a;
    line-height: 1.55;
}

.cart-third-info-icon {
    font-size: 18px;
    color: #4a7fd4;
    flex-shrink: 0;
    margin-top: 1px;
}

.cart-third-info-box p {
    margin: 0;
}

/* Confirm-only akcie — zarovnaj Dokončiť napravo */
.cart-third-top-actions-confirm-only,
.cart-third-bottom-actions-confirm-only {
    justify-content: flex-end !important;
}

/* Späť button pod adresou v ľavom stĺpci */
.cart-third-back-wrap {
    margin-top: 14px;
}

@media (max-width: 900px) {
    .cart-third-top-actions-confirm-only,
    .cart-third-bottom-actions-confirm-only {
        justify-content: stretch !important;
    }
    .cart-third-back-wrap .cart-third-btn-back {
        width: 100% !important;
        justify-content: center !important;
    }
}

.cart-third-warning-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #fff8e6;
    border: 1px solid #f5c842;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #7a5a00;
    line-height: 1.55;
}

.cart-third-warning-box i {
    font-size: 18px;
    color: #e0a800;
    flex-shrink: 0;
    margin-top: 1px;
}

.cart-third-warning-box p {
    margin: 0;
}

/* ---- CTA buttons ---- */

.cart-third-top-actions,
.cart-third-bottom-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.cart-third-btn-confirm {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
    color: #fff !important;
    border: none;
    border-radius: 10px;
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(39, 174, 96, 0.35);
    transition: transform 0.15s, box-shadow 0.15s;
    text-decoration: none;
    letter-spacing: 0.2px;
}

.cart-third-btn-confirm:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 22px rgba(39, 174, 96, 0.45);
}

.cart-third-btn-confirm:active {
    transform: translateY(0);
}

.cart-third-btn-confirm[disabled] {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}

.cart-third-btn-back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #f3f5f8;
    color: #4a5568 !important;
    border: 1px solid #d1d9e6;
    border-radius: 10px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none !important;
    transition: background 0.15s, border-color 0.15s;
}

.cart-third-btn-back:hover {
    background: #e8ecf4;
    border-color: #b0bcd0;
}

/* ---- Dvoj-stĺpcový layout ---- */

.cart-third-layout {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 24px;
    align-items: start;
}

/* ---- Section header ---- */

.cart-third-section-header {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 15px;
    font-weight: 700;
    color: #2c3a5a;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #edf0f5;
}

.cart-third-section-header i {
    font-size: 16px;
    color: #4a7fd4;
}

/* ---- Produkt karta ---- */

.cart-third-product-card {
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 14px;
    align-items: start;
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(44, 58, 90, 0.06);
    transition: box-shadow 0.15s;
}

.cart-third-product-card:last-child {
    margin-bottom: 0;
}

.cart-third-product-card:hover {
    box-shadow: 0 4px 16px rgba(44, 58, 90, 0.12);
}

.t3-product-img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    background: #f3f5f8;
}

.t3-product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.t3-product-info {
    min-width: 0;
}

.t3-product-name {
    font-size: 14px;
    font-weight: 600;
    color: #2c3a5a !important;
    text-decoration: none !important;
    line-height: 1.4;
    display: block;
    margin-bottom: 5px;
}

.t3-product-name:hover {
    color: #4a7fd4 !important;
}

.t3-product-params {
    font-size: 12px;
    color: #7a8899;
    line-height: 1.5;
    margin-top: 4px;
}

.t3-param-label {
    color: #9aa5b4;
    font-weight: 500;
}

.t3-param-val {
    color: #4a5568;
}

.t3-product-attachment {
    margin-top: 6px;
    font-size: 12px;
}

.t3-product-attachment a {
    color: #4a7fd4;
    text-decoration: none;
}

.t3-product-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
    text-align: right;
}

.t3-product-count {
    font-size: 13px;
    color: #7a8899;
    white-space: nowrap;
}

.t3-product-price {
    font-size: 15px;
    font-weight: 700;
    color: #2c3a5a;
    white-space: nowrap;
}

/* ---- Summary karty (pravý stĺpec) ---- */

.cart-third-summary-card {
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(44, 58, 90, 0.06);
}

.cart-third-summary-card:last-child {
    margin-bottom: 0;
}

/* ---- Cenové riadky ---- */

.t3-summary-rows {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.t3-summary-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #f3f5f8;
    font-size: 14px;
    color: #4a5568;
}

.t3-summary-row:last-child {
    border-bottom: none;
}

.t3-row-label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #7a8899;
    flex: 1;
}

.t3-row-label i {
    font-size: 12px;
    color: #9aa5b4;
    width: 14px;
    text-align: center;
}

.t3-row-val {
    font-weight: 600;
    color: #2c3a5a;
    white-space: nowrap;
}

.t3-summary-row.t3-discount .t3-row-val {
    color: #e53e3e;
}

.t3-summary-row.t3-free .t3-row-val.t3-free-val {
    color: #27ae60;
    font-weight: 700;
}

.t3-summary-row.t3-total {
    background: linear-gradient(135deg, #2c3a5a 0%, #1a2640 100%);
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 6px;
    border-bottom: none;
}

.t3-summary-row.t3-total .t3-row-label {
    color: #a0b0cc;
    font-weight: 600;
    font-size: 13px;
}

.t3-summary-row.t3-total .t3-row-val.t3-total-val {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
}

/* ---- Info riadky (doprava, adresy) ---- */

.t3-info-rows {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.t3-info-row {
    display: flex;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #f3f5f8;
    font-size: 13px;
    line-height: 1.5;
}

.t3-info-row:last-child {
    border-bottom: none;
}

.t3-info-label {
    color: #9aa5b4;
    font-weight: 600;
    flex: 0 0 130px;
    font-size: 12px;
    padding-top: 1px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.t3-info-val {
    color: #2c3a5a;
    flex: 1;
    min-width: 0;
}

.t3-info-row.t3-info-description .t3-info-val.t3-pay-desc {
    color: #7a8899;
    font-size: 12px;
    font-style: italic;
}

/* ---- Mobilná responzivita tretieho kroku ---- */

@media (max-width: 900px) {

    /* Reorder: summary cards → products → confirm form → back */
    .cart-third-layout {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .cart-third-summary-col,
    .cart-third-products-col {
        display: contents !important;
    }
    /* Všetky priame flex-itemy na plnú šírku */
    .cart-third-summary-col > *,
    .cart-third-products-col > * {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    /* 1. Cenová rekapitulácia */
    .cart-third-summary-col > .cart-third-summary-card:first-child { order: 1; }
    /* 2. Doprava a platba */
    .cart-third-summary-col > .cart-third-summary-card:nth-child(2) { order: 2; }
    /* 3-5. Produkty, adresy */
    .cart-third-products-col > .cart-third-section-header { order: 3; }
    .cart-third-products-col > .cart-third-product-card { order: 4; }
    .cart-third-products-col > .cart-third-summary-card { order: 5; }
    /* 6. Dokončiť objednávku (confirm form) */
    .cart-third-summary-col > .third-cart-submit { order: 6; }
    /* 7. Späť */
    .cart-third-products-col > .cart-third-back-wrap { order: 7; }

    .cart-third-top-actions,
    .cart-third-bottom-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .cart-third-btn-confirm,
    .cart-third-btn-back {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .cart-third-btn-confirm {
        order: -1;
        font-size: 15px !important;
        padding: 13px 20px !important;
    }

    .cart-third-product-card {
        grid-template-columns: 64px 1fr auto !important;
        gap: 10px !important;
    }

    .t3-product-img {
        width: 64px !important;
        height: 64px !important;
    }

    .t3-info-label {
        flex: 0 0 100px !important;
    }
}

@media (max-width: 600px) {

    .cart-third-info-box,
    .cart-third-warning-box {
        font-size: 13px !important;
        padding: 12px 14px !important;
    }

    .cart-third-product-card {
        grid-template-columns: 56px 1fr !important;
        gap: 10px !important;
    }

    .t3-product-right {
        grid-column: 1 / -1 !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        border-top: 1px solid #f3f5f8 !important;
        padding-top: 8px !important;
    }

    .t3-product-img {
        width: 56px !important;
        height: 56px !important;
    }

    .t3-info-label {
        flex: 0 0 85px !important;
        font-size: 11px !important;
    }
}


/* z77 - jemné pulzovanie Dokončiť buttonu */

@keyframes cart-confirm-pulse {
    0%   { box-shadow: 0 4px 16px rgba(39,174,96,0.35); }
    50%  { box-shadow: 0 4px 28px rgba(39,174,96,0.65), 0 0 0 6px rgba(39,174,96,0.12); }
    100% { box-shadow: 0 4px 16px rgba(39,174,96,0.35); }
}

.cart-third-btn-confirm {
    animation: cart-confirm-pulse 2.2s ease-in-out infinite;
}

.cart-third-btn-confirm:hover,
.cart-third-btn-confirm:focus {
    animation: none;
}


/* z78 - POĎAKOVACIA STRÁNKA — moderný redesign */

.cart-success-page {
    max-width: 860px;
    margin: 32px auto 48px;
    padding: 0 20px;
    font-family: redhatdisplay, sans-serif;
}

/* ---- Hero sekcia ---- */

.csp-hero {
    text-align: center;
    padding: 48px 24px 36px;
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(44, 58, 90, 0.08);
    margin-bottom: 24px;
}

/* SVG checkmark animácia */
.csp-check-wrap {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
}

.csp-check-svg {
    width: 80px;
    height: 80px;
}

.csp-circle {
    stroke-dasharray: 226;
    stroke-dashoffset: 226;
    animation: csp-draw-circle 0.6s ease-out 0.1s forwards;
}

.csp-tick {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    animation: csp-draw-tick 0.4s ease-out 0.65s forwards;
}

@keyframes csp-draw-circle {
    to { stroke-dashoffset: 0; }
}

@keyframes csp-draw-tick {
    to { stroke-dashoffset: 0; }
}

.csp-title {
    font-size: 28px;
    font-weight: 800;
    color: #1a2640;
    margin: 0 0 8px;
    line-height: 1.3;
}


.csp-subtitle {
    font-size: 16px;
    color: #4a5568;
    margin: 0 0 20px;
    line-height: 1.6;
}

.csp-order-num {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f0f7ec;
    border: 1px solid #c8e6b0;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 4px;
}

.csp-order-label {
    font-size: 13px;
    color: #6b8f52;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.csp-order-val {
    font-size: 18px;
    font-weight: 800;
    color: #27ae60;
}

/* ---- Info karty ---- */

.csp-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}

.csp-card {
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 14px;
    padding: 24px 20px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 2px 12px rgba(44,58,90,0.05);
    transition: box-shadow 0.2s;
}

.csp-card:hover {
    box-shadow: 0 4px 20px rgba(44,58,90,0.10);
}

.csp-card-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: #f0f7ec;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.csp-card-icon svg {
    width: 20px;
    height: 20px;
    stroke: #27ae60;
}

.csp-card-body h3 {
    font-size: 14px;
    font-weight: 700;
    color: #1a2640;
    margin: 0 0 4px;
}

.csp-card-body p {
    font-size: 13px;
    color: #6b7a9a;
    margin: 0;
    line-height: 1.5;
}

/* ---- Akčné tlačidlo ---- */

.csp-actions {
    text-align: center;
    margin-top: 8px;
}

.csp-btn-home {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 36px;
    border-radius: 12px;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(39,174,96,0.30);
    transition: transform 0.18s, box-shadow 0.18s;
}

.csp-btn-home:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(39,174,96,0.42);
    color: #fff !important;
    text-decoration: none !important;
}

/* ---- Responzívne ---- */

@media (max-width: 700px) {
    .csp-cards {
        grid-template-columns: 1fr;
    }
    .csp-hero {
        padding: 32px 16px 28px;
    }
    .csp-title {
        font-size: 22px;
    }
}


/* z79 - DETAIL PRODUKTU — moderný button "Pridaj do košíka" */

/* Obálka oblasti s množstvom + buttonom */
.detail-add-to-cart-all {
    margin: 24px 0 8px;
}

#price-block .detail-add-to-cart-all {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* Pole množstva */
#product-detail .mini-imput-text,
#price-block .mini-imput-text {
    width: 64px !important;
    height: 52px !important;
    line-height: 52px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a2640 !important;
    background: #f5f7fa !important;
    border: 2px solid #d8e2f0 !important;
    border-radius: 10px !important;
    text-align: center !important;
    padding: 0 !important;
    transition: border-color 0.2s !important;
    box-sizing: border-box !important;
}

#product-detail .mini-imput-text:focus,
#price-block .mini-imput-text:focus {
    border-color: #27ae60 !important;
    outline: none !important;
}

/* Wrapper div okolo buttonu */
#price-block #button-add-cart-button,
.detail-add-to-cart-all #button-add-cart-button,
.detail-add-to-cart-all .button-add-cart-button {
    background: linear-gradient(135deg, #27ae60 0%, #34d374 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px rgba(39,174,96,0.32) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease !important;
    padding: 0 !important;
    flex: 1 1 auto;
    min-width: 0;
}

#price-block #button-add-cart-button:hover,
.detail-add-to-cart-all #button-add-cart-button:hover,
.detail-add-to-cart-all .button-add-cart-button:hover {
    background: linear-gradient(135deg, #219a52 0%, #27c465 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(39,174,96,0.44) !important;
}

/* Samotný input submit */
#price-block #button-add-cart-button input[type="submit"],
.detail-add-to-cart-all #button-add-cart-button input[type="submit"],
.detail-add-to-cart-all .button-add-cart-button input[type="submit"] {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    padding: 15px 32px !important;
    cursor: pointer !important;
    width: 100% !important;
    height: auto !important;
    line-height: normal !important;
    display: block !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15) !important;
}

/* Prepisujeme staré farby z globálnych pravidiel */
.product-content .button-add-cart-button,
.detail-add-to-cart-all #button-add-cart-button,
.detail-add-to-cart-all .button-add-cart-button {
    background: linear-gradient(135deg, #27ae60 0%, #34d374 100%) !important;
}

.product-content .button-add-cart-button:hover,
.detail-add-to-cart-all #button-add-cart-button:hover,
.detail-add-to-cart-all .button-add-cart-button:hover {
    background: linear-gradient(135deg, #219a52 0%, #27c465 100%) !important;
}

/* Mobile */
@media (max-width: 600px) {
    #price-block .detail-add-to-cart-all {
        flex-direction: column;
        align-items: stretch;
    }
    #product-detail .mini-imput-text,
    #price-block .mini-imput-text {
        width: 100% !important;
    }
    #price-block #button-add-cart-button,
    .detail-add-to-cart-all #button-add-cart-button,
    .detail-add-to-cart-all .button-add-cart-button {
        width: 100% !important;
    }
}


/* z80 - "PRODUKT VLOŽENÝ DO KOŠÍKA" — moderný redesign */

.aps-wrap {
    margin: 32px 0 40px;
    padding: 0;
}

/* Desktop — horizontálny layout na celú šírku */
.aps-card {
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 20px;
    box-shadow: 0 6px 32px rgba(44, 58, 90, 0.09);
    padding: 32px 40px;
    display: flex;
    align-items: center;
    gap: 28px;
}

/* --- Animovaná ikona --- */

.aps-icon-wrap {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
}

.aps-check-svg {
    width: 72px;
    height: 72px;
}

.aps-circle {
    stroke-dasharray: 176;
    stroke-dashoffset: 176;
    animation: aps-draw-circle 0.55s ease-out 0.05s forwards;
}

.aps-tick {
    stroke-dasharray: 52;
    stroke-dashoffset: 52;
    animation: aps-draw-tick 0.35s ease-out 0.55s forwards;
}

@keyframes aps-draw-circle {
    to { stroke-dashoffset: 0; }
}

@keyframes aps-draw-tick {
    to { stroke-dashoffset: 0; }
}

/* --- Texty --- */

.aps-body {
    flex: 1 1 0;
    min-width: 0;
}

.aps-title {
    font-size: 20px;
    font-weight: 800;
    color: #1a2640;
    margin: 0 0 6px;
    line-height: 1.3;
}

.aps-text {
    font-size: 14px;
    color: #5a6a8a;
    margin: 0;
    line-height: 1.6;
}

/* --- Tlačidlá --- */

.aps-actions {
    flex-shrink: 0;
    display: flex;
    gap: 10px;
    align-items: center;
}

.aps-btn-back,
.aps-btn-cart {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 15px;
    font-weight: 700;
    padding: 13px 22px;
    border-radius: 12px;
    text-decoration: none !important;
    transition: transform 0.17s, box-shadow 0.17s, background 0.17s;
    cursor: pointer;
    white-space: nowrap;
}

.aps-btn-back svg,
.aps-btn-cart svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Sekundárne — Pokračovať v nákupe */
.aps-btn-back {
    background: #f5f7fa;
    color: #1a2640 !important;
    border: 2px solid #dde3ee;
}

.aps-btn-back:hover {
    background: #edf0f7;
    border-color: #c0cade;
    transform: translateY(-1px);
    text-decoration: none !important;
}

/* Primárne — Prejsť do košíka */
.aps-btn-cart {
    background: linear-gradient(135deg, #27ae60 0%, #34d374 100%);
    color: #fff !important;
    border: 2px solid transparent;
    box-shadow: 0 4px 16px rgba(39, 174, 96, 0.30);
}

.aps-btn-cart:hover {
    background: linear-gradient(135deg, #219a52 0%, #27c465 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 26px rgba(39, 174, 96, 0.42);
    color: #fff !important;
    text-decoration: none !important;
}

/* --- Mobile — vertikálne centrovaný --- */

@media (max-width: 700px) {
    .aps-card {
        flex-direction: column;
        text-align: center;
        padding: 36px 24px 28px;
        gap: 16px;
    }
    .aps-actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
    .aps-btn-back,
    .aps-btn-cart {
        justify-content: center;
    }
}

/* --- Tips sekcia --- */

#tips-after-add-to-cart {
    margin-top: 40px;
}



/* z81 - DETAIL PRODUKTU — doba dodania + doprava zadarmo */

.pd-delivery-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 16px 0 8px;
    border-radius: 12px;
    overflow: hidden;
    border: 1.5px solid #e4eaf3;
    width: 100%;
    max-width: 100%;
}

/* --- Jednotlivý item --- */

.pd-delivery-badge,
.pd-free-delivery-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 18px;
    font-size: 14px;
    background: #fff;
    border: none;
    border-radius: 0;
    width: 100%;
    box-sizing: border-box;
}

/* oddelovač — vodorovná čiara medzi riadkami */
.pd-delivery-badge + .pd-free-delivery-badge,
.pd-delivery-badge + .pd-delivery-badge,
.pd-delivery-own-date + .pd-free-delivery-badge {
    border-top: 1.5px solid #e4eaf3;
}

/* --- Ikona doba dodania --- */

.pd-delivery-icon svg {
    width: 20px;
    height: 20px;
    stroke: #4a90d9;
    flex-shrink: 0;
    display: block;
}

/* --- Texty doba dodania --- */

.pd-delivery-prefix {
    color: #8a9ab8;
    font-weight: 500;
    font-size: 12px;
    display: block;
    line-height: 1.2;
    margin-bottom: 1px;
}

.pd-delivery-value {
    color: #1a2640;
    font-weight: 700;
    font-size: 14px;
    display: block;
    line-height: 1.2;
}

.pd-delivery-text-wrap {
    display: flex;
    flex-direction: column;
}

/* --- Doprava zadarmo — zelené pozadie na celú šírku --- */

.pd-free-delivery-badge {
    background: #e8f7ee !important;
    border-top: 1.5px solid #b7e4c7 !important;
}

.pd-free-del-icon svg {
    width: 20px;
    height: 20px;
    stroke: #27ae60;
    flex-shrink: 0;
    display: block;
}

.pd-free-delivery-badge span.pd-free-label {
    font-weight: 700;
    color: #1a7a40;
    font-size: 14px;
}

/* Skryjeme staré sprite prvky */
#product-detail .icon-cart-delivery,
#product-detail .icon-free-delivery-info {
    display: none !important;
}

/* ============================================================
   z83 – Qty stepper (+/- tlačidlá pri počte kusov v detaile)
   ============================================================ */

.qty-stepper {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #d0d8e6;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    height: 46px;
}

.qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    background: #f4f7fb;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.18s;
    flex-shrink: 0;
}

.qty-btn:hover {
    background: #e2eaf6;
}

.qty-btn svg {
    width: 18px;
    height: 18px;
    stroke: #3a6abf;
    display: block;
}

.qty-stepper .mini-imput-text {
    width: 54px !important;
    height: 100%;
    border: none !important;
    border-left: 1.5px solid #d0d8e6 !important;
    border-right: 1.5px solid #d0d8e6 !important;
    border-radius: 0 !important;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1a2340;
    background: #fff;
    outline: none;
    padding: 0;
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none;
}

.qty-stepper .mini-imput-text::-webkit-inner-spin-button,
.qty-stepper .mini-imput-text::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Mobil – stepper celá šírka */
@media (max-width: 600px) {
    .qty-stepper {
        width: 100%;
        justify-content: center;
    }
    .qty-stepper .mini-imput-text {
        flex: 1;
        width: auto !important;
    }
}

/* z84 – Mobil: medzera medzi cenou s kódom a stepperom */
@media (max-width: 600px) {
    #price-block .detail-old-and-actual-price {
        margin-bottom: 14px;
    }
}

/* ============================================================
   z85 – Príplatková služba – modernizácia
   ============================================================ */

/* Wrapper bloku */
.payoff-param-product-select-row {
    margin: 10px 0 6px 0;
}

.param-product-select-row-single {
    background: #fff;
    border: 1.5px solid #e4eaf3;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px rgba(58,106,191,0.06);
}

/* Nadpis sekcie */
.param-product-select-row-1 {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 700;
    color: #4a5578;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 9px 14px;
    background: #f4f7fb;
    border-bottom: 1.5px solid #e4eaf3;
}

.pps-icon {
    width: 15px;
    height: 15px;
    stroke: #3a6abf;
    flex-shrink: 0;
}

/* Grid: option | ? */
.param-product-select-row-2 {
    display: grid !important;
    grid-template-columns: 1fr 38px;
    align-items: center;
    padding: 0;
    float: none !important;
}

/* Skryje hidden input z gridu */
.param-product-select-row-2 > input[type="hidden"] {
    grid-column: 1 / -1;
}

/* Každá voľba */
.param-product-select-row-2 > div {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 11px 12px !important;
    padding-left: 12px !important;
    background: none !important;
    border-bottom: 1px solid #f0f3f8;
    cursor: pointer;
    transition: background 0.15s;
    max-width: 100% !important;
    clear: none !important;
    float: none !important;
    width: auto !important;
    position: relative;
    box-sizing: border-box;
}

.param-product-select-row-2 > div:hover {
    background: #f4f7fb !important;
}

/* Custom radio krúžok */
.param-product-select-row-2 > div::before {
    content: '';
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #c0cbd8;
    border-radius: 50%;
    background: #fff;
    transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;
    box-sizing: border-box;
    display: block;
}

/* Aktívny stav */
.param-product-select-row-2 > div.param-product-select-row-active {
    background: #eef3fc !important;
}

.param-product-select-row-2 > div.param-product-select-row-active::before {
    border-color: #3a6abf;
    background: #3a6abf;
    box-shadow: inset 0 0 0 3.5px #fff;
}

/* Text voľby */
.param-product-select-row-2 > div > p:first-of-type {
    margin: 0;
    font-size: 13.5px;
    color: #2a3550;
    line-height: 1.4;
    flex: 1;
}

/* ? tlačidlo — grid bunka */
.param-product-select-row-2 > p.icon-cart-question {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #f0f3f8;
    height: 100%;
    min-height: 44px;
    cursor: pointer;
    background: none !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
    top: auto !important;
    padding: 0;
}

.param-product-select-row-2 > p.icon-cart-question svg {
    width: 20px;
    height: 20px;
    stroke: #3a6abf;
    display: block;
    flex-shrink: 0;
}

.param-product-select-row-2 > p.icon-cart-question:hover svg {
    stroke: #1a47a0;
}

/* Skrytý ? (bez popisu) */
.param-product-select-row-2 > p.pps-no-desc {
    visibility: hidden;
    pointer-events: none;
    cursor: default;
}

/* Posledný riadok — zruš spodný border */
.param-product-select-row-2 > div:last-of-type,
.param-product-select-row-2 > p.icon-cart-question:last-of-type {
    border-bottom: none;
}

/* Mobil */
@media (max-width: 600px) {
    .param-product-select-row-2 > div {
        padding: 10px 10px !important;
    }
    .param-product-select-row-2 > div > p:first-of-type {
        font-size: 13px;
    }
}

/* ============================================================
   z86 – Moderný dialog pre ? pri Príplatkovej službe
   ============================================================ */

.ui-dialog:has(.param-product-select-row-2-description) {
    background: #fff !important;
    border: 1.5px solid #e4eaf3 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(30,50,100,0.14), 0 2px 10px rgba(30,50,100,0.08) !important;
    padding: 0 !important;
    overflow: hidden;
    color: #2a3550 !important;
}

.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-titlebar {
    background: #f4f7fb !important;
    border: none !important;
    border-bottom: 1.5px solid #e4eaf3 !important;
    border-radius: 0 !important;
    padding: 13px 46px 13px 18px !important;
    color: #1a2340 !important;
}

.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-title {
    color: #1a2340 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    float: none !important;
}

/* Zatvárací krížik */
.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-titlebar-close {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    top: 12px !important;
    right: 12px !important;
    margin: 0 !important;
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.15s !important;
    box-shadow: none !important;
}

.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-titlebar-close:hover {
    background: #e4eaf3 !important;
}

/* Nahradíme sprite ikonu krížika vlastným X */
.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-titlebar-close .ui-icon {
    background-image: none !important;
    position: relative !important;
    width: 14px !important;
    height: 14px !important;
    text-indent: 0 !important;
    overflow: visible !important;
}

.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-titlebar-close .ui-icon::before,
.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-titlebar-close .ui-icon::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 2px;
    background: #4a5578;
    border-radius: 1px;
    top: 50%;
    left: 50%;
}

.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-titlebar-close .ui-icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-titlebar-close .ui-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* Obsah dialógu */
.ui-dialog:has(.param-product-select-row-2-description) .ui-dialog-content {
    background: #fff !important;
    color: #2a3550 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    padding: 16px 18px 18px !important;
}

.ui-dialog:has(.param-product-select-row-2-description) .param-product-select-row-2-description {
    color: #2a3550 !important;
    font-size: 14px !important;
    margin: 0 !important;
}

/* ============================================================
   z87 – "Neprehliadnite" promo box
   ============================================================ */

.detail-message-in-category {
    display: block;
    background: #fff8f2;
    border: 1.5px solid #fdd0a2;
    border-left: 4px solid #e8621a;
    border-radius: 12px;
    padding: 13px 16px 13px 46px;
    margin: 10px 0 14px;
    font-size: 14px;
    line-height: 1.65;
    color: #2a3550;
    position: relative;
    box-shadow: 0 2px 8px rgba(232,98,26,0.07);
    box-sizing: border-box;
}

/* Oranžová SVG ikona "hviezda/výzva" vľavo */
.detail-message-in-category::before {
    content: '';
    position: absolute;
    left: 13px;
    top: 13px;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8621a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    flex-shrink: 0;
}

/* Prvý tučný text "Neprehliadnite" — nedá sa priamo targetovať text node,
   takýmto spôsobom aspoň zvýrazníme celý obsah */
.detail-message-in-category a {
    color: #c0392b !important;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(192,57,43,0.35);
    text-underline-offset: 2px;
    transition: color 0.15s;
}

.detail-message-in-category a:hover {
    color: #922b21 !important;
    text-decoration-color: rgba(146,43,33,0.6);
}

/* ============================================================
   z88 – "Nájdi svojrošt" button modernizácia
   ============================================================ */

#detail-rost-category-info {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
    padding: 13px 20px !important;
    margin: 10px 0 0 0 !important;
    background: linear-gradient(135deg, #5a9e2f 0%, #4a8a22 100%);
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 12px !important;
    text-align: center;
    text-decoration: none;
    float: none !important;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(74,138,34,0.28), 0 1px 4px rgba(74,138,34,0.15);
    transition: background 0.18s, box-shadow 0.18s, transform 0.12s;
    position: relative;
    overflow: hidden;
}

#detail-rost-category-info::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    flex-shrink: 0;
}

#detail-rost-category-info:hover {
    background: linear-gradient(135deg, #4a8a22 0%, #3a7015 100%) !important;
    box-shadow: 0 6px 20px rgba(74,138,34,0.35), 0 2px 6px rgba(74,138,34,0.2) !important;
    transform: translateY(-1px);
    color: #fff !important;
    text-decoration: none;
}

#detail-rost-category-info:active {
    transform: translateY(0px);
    box-shadow: 0 2px 8px rgba(74,138,34,0.2) !important;
}

/* === z89: Reviews section modernization === */

/* Clear floats so comments start after description/params */
#container-comments-module {
    clear: both;
}

/* Section heading */
#product-detail-full-width .products-title-with-line {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 36px 0 22px 0;
    text-align: left;
}
#product-detail-full-width .products-title-with-line::after {
    content: '';
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, #dce6f4 0%, transparent 100%);
    border-radius: 2px;
}
#product-detail-full-width .products-title-with-line span {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    background: none !important;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    padding: 0;
}
#product-detail-full-width .products-title-with-line span::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233a6abf' stroke='%233a6abf' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

/* Review cards */
#product-detail-full-width .comments-single {
    background: #fff;
    border: 1.5px solid #e8eef7;
    border-left: 4px solid #3a6abf;
    border-radius: 14px;
    padding: 18px 22px 16px 22px;
    margin: 0 0 14px 0;
    box-shadow: 0 2px 10px rgba(30,50,100,0.07);
    font-size: 14px !important;
}
#product-detail-full-width .comments-single p.comments-first-line,
#product-detail-full-width .comments-single a.comments-first-line {
    font-weight: 700;
    font-size: 14px;
    color: #1a2b4a;
    margin: 0 0 7px 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}
#product-detail-full-width .comments-single p.comments-first-line::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #eaf0fb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a6abf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    flex-shrink: 0;
}
#product-detail-full-width .comments-single a.comments-first-line {
    font-size: 12px;
    color: #6b7a99;
    font-weight: 400;
    display: block;
    margin: 0 0 8px 38px;
    word-break: break-all;
}
#product-detail-full-width .comments-single p.comments-second-line {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.65;
    margin: 0;
    padding-left: 38px;
}
#product-detail-full-width .comments-single p.comments-response {
    background: #f0f6ff;
    border-radius: 9px;
    padding: 10px 14px;
    margin: 12px 0 0 38px;
    font-size: 13px;
    color: #2d4a8a;
    line-height: 1.55;
}
#product-detail-full-width .comments-single p.comments-response span {
    font-weight: 700;
    color: #3a6abf;
    margin-right: 4px;
}

/* Empty state */
#product-detail-full-width #container-comments-module > p {
    background: #f7f9fc;
    border: 1.5px dashed #c8d8ee;
    border-radius: 12px;
    padding: 22px;
    color: #6b7a99;
    text-align: center;
    font-size: 14px;
}

/* Comment form card */
#container-comments-module form {
    float: none !important;
    margin: 28px 0 0 0 !important;
    background: #f7f9fc;
    border: 1.5px solid #e4eaf3;
    border-radius: 16px;
    padding: 26px 28px;
}
#container-comments-module form::before {
    content: 'Napísať recenziu';
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #1a2b4a;
    margin-bottom: 18px;
}
#container-comments-module form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
#container-comments-module form legend {
    display: none;
}
#container-comments-module form .row {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 0 14px 0;
}
#container-comments-module form .row label {
    font-size: 13px;
    font-weight: 600;
    color: #3a4a6a;
    width: auto !important;
    padding: 0 !important;
}
#container-comments-module form .element input[type="text"],
#container-comments-module form .element textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1.5px solid #d0d8e6 !important;
    border-radius: 9px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #1a2b4a !important;
    background: #fff !important;
    transition: border-color 0.18s;
}
#container-comments-module form .element input[type="text"]:focus,
#container-comments-module form .element textarea:focus {
    border-color: #3a6abf !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(58,106,191,0.1) !important;
}
#container-comments-module form .element textarea {
    min-height: 100px;
    resize: vertical;
}
#container-comments-module form .button-type-1 {
    background: linear-gradient(135deg, #3a6abf 0%, #2a56a8 100%) !important;
    border-radius: 10px !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin-top: 6px;
    transition: background 0.18s, transform 0.12s, box-shadow 0.18s;
    box-shadow: 0 4px 14px rgba(58,106,191,0.25);
}
#container-comments-module form .button-type-1:hover {
    background: linear-gradient(135deg, #2a56a8 0%, #1e4090 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(58,106,191,0.35) !important;
}
#container-comments-module form .button-type-1 input[type="submit"] {
    background: transparent !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: content-box !important;
    padding: 11px 30px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    text-align: center !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
}

/* === z96: Mobile rekapitulácia - stĺpce pod seba === */
@media screen and (max-width: 800px) {
    .cart-steps > .fullPriceAjax .price-summary-wrapper {
        flex-direction: column !important;
        gap: 12px !important;
        padding: 16px !important;
    }
    .cart-steps > .fullPriceAjax .price-badges {
        max-width: 100% !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
    .cart-steps > .fullPriceAjax .price-badges + .price-summary-card {
        border-left: none !important;
        border-top: 1px solid #edf0f5 !important;
        padding-left: 0 !important;
        padding-top: 12px !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

/* === z102: Conditions highlight - červené zvýraznenie obchodných podmienok === */
#cart-buy-form-first-step .myform #fieldset-data dl .row.conditions-highlight,
#cart-reg-form-first-step .myform #fieldset-data dl .row.conditions-highlight {
    background: #fff0f0 !important;
    border: 2px solid #c0392b !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    box-shadow: 0 0 0 4px rgba(192,57,43,0.15) !important;
    animation: conditions-pulse 0.6s ease-in-out 3 !important;
}
@keyframes conditions-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(192,57,43,0.15); }
    50%       { box-shadow: 0 0 0 9px rgba(192,57,43,0.30); }
}
#cart-buy-form-first-step .myform #fieldset-data dl .row.conditions-highlight label,
#cart-reg-form-first-step .myform #fieldset-data dl .row.conditions-highlight label {
    color: #c0392b !important;
    font-weight: 600 !important;
}

/* === z103: Conditions row – checkbox vľavo, text vpravo, vertikálne centrovaný === */
#cart-buy-form-first-step .myform #fieldset-data dl .row,
#cart-reg-form-first-step .myform #fieldset-data dl .row {
    align-items: center !important;
}
#cart-buy-form-first-step .myform #fieldset-data dl .row .element,
#cart-reg-form-first-step .myform #fieldset-data dl .row .element {
    order: -1 !important;
    flex-shrink: 0 !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

/* === z109: Moderný štýl chybovej hlášky vo formulároch košíka === */
#cart-buy-form-first-step .element .error-element,
#cart-reg-form-first-step .element .error-element {
    display: none !important;
}
#cart-buy-form-first-step .element ul.errors,
#cart-reg-form-first-step .element ul.errors {
    float: none !important;
    margin: 5px 0 2px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: auto !important;
}
#cart-buy-form-first-step .element ul.errors li,
#cart-reg-form-first-step .element ul.errors li {
    font-size: 12px !important;
    color: #c0392b !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}
#cart-buy-form-first-step .element ul.errors li::before,
#cart-reg-form-first-step .element ul.errors li::before {
    content: "⚠" !important;
    font-size: 11px !important;
    flex-shrink: 0 !important;
}