@charset "UTF-8";

body,
button,
input,
select,
table {
  font-family: "Roboto" !important;
}

body {
  background-color: hsl(210, 40%, 96%);
  transition      : opacity 0.35s;
}

h1,
h2,
h3,
h4 {
  line-height: 1.1;
}

#maincont {
  font-size  : 1.4rem !important;
  line-height: 1.6rem !important;
}

#centercont {
  min-height : 95vh;
  padding-top: 0 !important;
}

.cont {
  color: hsl(215, 25%, 27%);
}

#res-topmenu,
.stirating {
  display: none !important;
}

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

  #res-topmenu,
  .stirating {
    display: none !important;
  }
}

.sptnavigator #centercont {
  padding: 0;
}

.stoitem .hdr p {
  font-size     : 2rem !important;
  color         : hsl(215, 25%, 27%) !important;
  text-transform: none !important;
  font-weight   : 500 !important;
}

.demtoplace .cnt {
  display    : flex !important;
  align-items: center;
  flex-wrap  : wrap;
}

.demtoplace .cnt input {
  max-width   : 640px;
  margin-right: 32px;
}

.ordbaskets .buttons .btn-next,
.ordbaskets .buttons .btn-apply,
.ordbaskets .buttons .btn-back,
.ordbaskets .btn-apply,
.order .btn,
.basketadd .ftr .btn-back,
.basketadd .ftr .btn-next,
.prodbox .cnt .tools .btn-buy {
  display        : flex;
  align-items    : center;
  justify-content: center;
  height         : 4rem;
  font-size      : 1.4;
  line-height    : 1;
  transition     : all 0.3s;
  text-transform : none !important;
  padding        : 0 1.6rem !important;
  border-radius  : 0.4rem !important;
  text-transform : none !important;
}

.ordbaskets .buttons .btn-next span,
.ordbaskets .buttons .btn-apply span,
.ordbaskets .buttons .btn-back span,
.ordbaskets .btn-apply span,
.order .btn span,
.basketadd .ftr .btn-back span,
.basketadd .ftr .btn-next span,
.prodbox .cnt .tools .btn-buy span {
  text-transform: none !important;
}

.prodbox .cnt .tools .btn-buy {
  height   : 3.2rem;
  font-size: 1.3;
  padding  : 0 1.2rem !important;
}

.ordbaskets .buttons .btn-next,
.ordbaskets .buttons .btn-apply,
.order .btn {
  height : 4.8rem !important;
  padding: 0 2.4rem !important;
}

.ordbaskets .buttons .btn-next,
.ordbaskets .buttons .btn-apply,
.order .btn,
.basketadd .ftr .btn-next {
  background : hsl(217, 72%, 50%) !important;
  font-weight: bold;
  color      : white;
  box-shadow : 0px 1px 2px 0px rgba(15, 23, 42, 0.0588235294);
  box-shadow : 0px 1px 3px 0px rgba(15, 23, 42, 0.1019607843);
}

.ordbaskets .buttons .btn-next:hover,
.ordbaskets .buttons .btn-apply:hover,
.order .btn:hover,
.basketadd .ftr .btn-next:hover {
  background: hsl(214, 100%, 60%) !important;
}

.ordbaskets .buttons .btn-back,
.basketadd .ftr .btn-back {
  border     : 1px solid hsl(213, 27%, 84%) !important;
  color      : hsl(215, 25%, 27%) !important;
  font-weight: 500 !important;
}

.ordbaskets .buttons .btn-back span,
.basketadd .ftr .btn-back span {
  font-weight: 500 !important;
  color      : hsl(215, 25%, 27%) !important;
}

.ordbaskets .buttons .btn-back:hover,
.basketadd .ftr .btn-back:hover {
  border          : 1px solid hsl(217, 72%, 50%) !important;
  background-color: hsl(210, 40%, 98%);
}

.ordbaskets .btn-apply,
.prodbox .cnt .tools .btn-buy {
  border          : 1px solid hsl(215, 16%, 47%) !important;
  color           : hsl(219, 76%, 41%) !important;
  background-color: white !important;
  font-weight     : 500;
  box-shadow      : 0px 1px 2px 0px rgba(15, 23, 42, 0.1019607843);
}

.ordbaskets .btn-apply span,
.prodbox .cnt .tools .btn-buy span {
  font-weight: 500 !important;
  color      : hsl(215, 25%, 27%) !important;
}

.ordbaskets .btn-apply:hover,
.prodbox .cnt .tools .btn-buy:hover {
  background: hsl(210, 40%, 96%) !important;
  border    : 1px solid hsl(215, 25%, 27%) !important;
}

input {
  padding      : 0 1.2rem 0 1.2rem !important;
  height       : 4rem;
  width        : 100%;
  border       : 1px solid hsl(215, 20%, 65%) !important;
  border-radius: 0.4rem !important;
  box-shadow   : 0px 2px 4px 0px rgba(15, 23, 42, 0.1019607843) inset;
}

input::placeholder {
  color      : hsl(215, 16%, 47%);
  font-size  : 1.3rem !important;
  line-height: 1.6rem !important;
}

input:focus {
  outline         : 1px solid hsl(214, 100%, 60%);
  border          : 1px solid hsl(214, 100%, 60%);
  background-color: white !important;
}

.qtybox {
  display    : flex;
  align-items: center;
}

.qtybox input {
  height       : 3.2rem !important;
  border       : 1px solid hsl(213, 27%, 84%) !important;
  border-left  : 0 !important;
  border-right : 0 !important;
  border-radius: 0 !important;
}

.qtybox p {
  height          : 3.2rem !important;
  background-color: hsl(210, 40%, 96%) !important;
  border          : 1px solid hsl(213, 27%, 84%) !important;
  color           : hsl(217, 33%, 17%) !important;
  padding         : 0 !important;
}

.qtybox p:before {
  top: 8px !important;
}

.status {
  position: relative;
  width   : 100% !important;
}

.status p {
  padding         : 0.8rem 0.8rem !important;
  font-size       : 1.3rem;
  line-height     : 1;
  font-weight     : 600;
  background-color: #0588F0;
}

.status .color {
  position: absolute;
  left    : 2.4rem;
}

.status .color.color_206 {
  background: url(../img/web/icons/color-black.svg) !important;
  width     : 2.2rem !important;
}

.status .color.color_204 {
  background: url(../img/web/icons/color-yellow.svg) !important;
  width     : 2.2rem !important;
}

.status .color.color_203 {
  background: url(../img/web/icons/color-azure.svg) !important;
  width     : 2.2rem !important;
}

.status .color.color_205 {
  background: url(../img/web/icons/color-magenta.svg) !important;
  width     : 2.2rem !important;
}

.status .color.color_CMYK {
  background: url(../img/web/icons/color-cmy.svg) !important;
  height    : 4.8rem !important;
  width     : 2rem !important;
}

.status .sts,
.status>div {
  margin-bottom: 0.2rem !important;
}

.status .discount {
  display: none;
}

.status .discount p {
  background-color: hsl(358, 72%, 50%);
}

.status .free_delivery,
.status .sts_qdiscount {
  display: none;
}

.status .sts105 p {
  background-color: hsl(109, 66%, 38%);
}

.status .sts106 {
  display: none;
}

.status .hook.sts3 .popup_listbox {
  display: none !important;
}

.status .hook.sts3 p {
  font-size: 0;
}

.status .hook.sts3 p:after {
  content  : "Dárek k nákupu";
  font-size: 1.3rem;
}

.webnews .status {
  display: none !important;
}

.stoitem #headercont,
.spresenttrees #headercont {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.ordbaskets #headercont {
  border    : 0;
  box-shadow: none !important;
  box-shadow: 0 4px 6px -1px hsla(0, 0%, 0%, 0.1), 0 2px 4px -2px hsla(0, 0%, 0%, 0.1);
}

#headercont {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#headercont:before {
  display: none;
}

#headercont .top {
  padding      : 1.2rem 0 0.8rem 0;
  margin       : 0 0 0.9rem;
  border-bottom: none;
}

#headercont .top::before,
#headercont .top::after {
  display: none;
}

nav .webmenu li a {
  display     : block;
  padding     : 0;
  margin-right: 2.4rem;
  color       : hsl(215, 16%, 47%) !important;
  font-size   : 1.3rem !important;
}

nav .webmenu li a:hover {
  color          : hsl(219, 76%, 41%) !important;
  text-decoration: underline;
}

#headercont .login ul li {
  padding    : 0;
  margin-left: 2.4rem;
}

#headercont .login ul li ::before {
  display: none;
}

#headercont .login ul li a {
  padding    : 0;
  font-weight: 400 !important;
  color      : hsl(215, 19%, 35%) !important;
  font-size  : 1.3rem !important;
}

#headercont .login ul li a:hover {
  color          : hsl(219, 76%, 41%) !important;
  text-decoration: underline;
}

#headercont .top-res {
  display              : grid;
  grid-template-columns: 24rem auto 24rem;
  grid-template-areas  : "logo search basket";
  margin-bottom        : 0.8rem;
}

#headercont .top-res::before,
#headercont .top-res::after,
#headercont .top-res .servis {
  display: none !important;
}

#headercont .top-res .logo {
  grid-area : logo;
  width     : 20rem;
  margin    : 0;
  align-self: center;
}

#headercont .top-res .logo a {
  background     : url(../img/web/logo.svg) no-repeat 0;
  height         : 4.4rem;
  background-size: contain;
}

@media screen and (max-width: 360px) {
  #headercont .top-res .logo {
    width        : unset !important;
    padding-right: 1.2rem;
  }
}

#headercont .top-res .search {
  grid-area : search;
  margin    : 0;
  padding   : 0 6.4rem;
  width     : 100%;
  align-self: center;
}

#headercont .top-res .search .btn-res {
  display: none !important;
}

#headercont .top-res .search input#whisperinput {
  padding : 0 4rem 0 1.2rem !important;
  position: relative;
  width   : 100%;
}

#headercont .top-res .search .btn-search {
  padding            : 0;
  background-color   : transparent !important;
  width              : 4rem;
  height             : 4rem;
  background-image   : url(../img/web/icons/search-brand.svg);
  background-repeat  : no-repeat;
  background-position: center;
  background-size    : 2.4rem;
}

#headercont .top-res .search .btn-search span {
  display: none;
}

#headercont .top-res .boxcont-res {
  grid-area   : basket;
  align-self  : center;
  justify-self: end;
}

#headercont .top-res .boxcont-res .basket {
  margin: 0;
}

#headercont .top-res .boxcont-res .basket .btn.btn-buy {
  display            : flex;
  align-items        : center;
  height             : 4rem;
  padding            : 0 1.6rem 0 4.4rem !important;
  background-color   : white !important;
  background-image   : url(../img/web/icons/cart-brand.svg) !important;
  background-repeat  : no-repeat !important;
  background-size    : 2.4rem !important;
  border-radius      : 0rem !important;
  background-position: center left 1.2rem !important;
  border             : 1px solid hsl(215, 16%, 47%) !important;
  transition         : all 0.2s;
  color              : hsl(217, 33%, 17%);
  line-height        : 1;
}

#headercont .top-res .boxcont-res .basket .btn.btn-buy:hover {
  background-color: hsl(210, 40%, 98%) !important;
  border          : 1px solid hsl(215, 20%, 65%) !important;
}

#headercont .top-res .boxcont-res .basket .btn.btn-buy:before,
#headercont .top-res .boxcont-res .basket .btn.btn-buy:after {
  display: none !important;
}

#headercont .top-res .boxcont-res .basket .btn.btn-buy div,
#headercont .top-res .boxcont-res .basket .btn.btn-buy span {
  position: unset;
}

#headercont .top-res .boxcont-res .basket .btn.btn-buy .count {
  display: none;
}

#headercont .top-res .boxcont-res .basket .btn.btn-buy .price {
  color      : hsl(215, 25%, 27%) !important;
  font-size  : 1.4rem;
  line-height: 1.6rem;
}

@media screen and (max-width: 980px) {
  #headercont .top-res .boxcont-res .basket .btn.btn-buy {
    padding            : 0 !important;
    font-size          : 0;
    width              : 4rem;
    height             : 4rem;
    background-position: center !important;
    margin             : 0 0.8rem;
    background-size    : 2.8rem !important;
  }
}

@media screen and (max-width: 1320px) {
  #headercont .boxcont.top {
    padding: 1.2rem 2.4rem;
  }

  #headercont .boxcont.top-res {
    padding      : 0rem 2.4rem;
    margin-top   : 0rem;
    margin-bottom: 2.2rem;
  }

  #headercont .boxcont.top-res .search {
    padding: 0;
  }

  #headercont nav .webmenu.menuid_1 li a {
    padding: 0;
  }

  #headercont .boxcont.basket {
    margin-right: 0px;
  }

  #headercont .boxcont.basket .btn.btn-buy {
    padding: 0 2.4rem 0 4.8rem;
  }

  #headercont #sptnav ul.level3 {
    max-width: unset;
  }

  #headercont #sptnav ul.level3 li {
    padding: 0.9rem 2.4rem;
  }
}

@media screen and (max-width: 980px) {
  .top {
    display: none;
  }

  #headercont .top-res {
    grid-template-areas  : "logo basket""search search";
    grid-template-columns: 1fr 1fr;
    grid-template-rows   : auto auto;
    margin-top           : 0.6rem;
  }
}

@media screen and (max-width: 980px) and (max-width: 640px) {
  #headercont .top-res {
    row-gap: 0.8rem;
  }
}

@media screen and (max-width: 980px) {
  #headercont .boxcont.basket .btn.btn-buy {
    padding            : 0 !important;
    font-size          : 0;
    width              : 4rem;
    height             : 4rem;
    background-position: center !important;
    margin             : 0 0.8rem;
  }

  #headercont .search input#whisperinput {
    width: 100%;
  }

  #headercont .top-res .search {
    margin: 0.6rem 0 0 0;
  }

  #headercont .search .btn-search:before {
    display: none;
  }

  #headercont .logo a {
    height: 4.8rem !important;
  }
}

@media screen and (max-width: 640px) {
  #headercont .logo a {
    height: 4rem !important;
  }

  #headercont .top-res {
    margin-top: 1.2rem !important;
  }

  #headercont .top-res .boxcont-res {
    display: block;
    float  : unset;
    width  : unset;
  }

  #headercont .login-box {
    display: none;
  }

  #headercont .boxcont.search {
    margin-top: 0.8rem;
  }
}

#headerMenuBtn,
.headerLoginLink {
  display            : flex;
  align-items        : center;
  justify-content    : center;
  width              : 4rem;
  height             : 4rem;
  background-image   : url(../img/web/icons/cart-brand.svg);
  background-position: center;
  background-repeat  : no-repeat;
  font-size          : 0;
  box-shadow         : none;
  border-radius      : 0.4rem;
  background-size    : 2.4rem !important;
}

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

  #headerMenuBtn,
  .headerLoginLink {
    display: none;
  }
}

#headerMenuBtn {
  background-color: hsl(219, 76%, 41%);
  background-image: url(../img/web/icons/menu-white.svg);
  border          : 0;
}

.headerLoginLink {
  border          : 1px solid hsl(219, 76%, 41%);
  background-image: url(../img/web/icons/user-brand.svg);
  background-size : 2.8rem !important;
}

@media screen and (max-width: 480px) {
  #headercont .boxcont.logo a {
    height: 4.8rem !important;
  }
}

#headercont .webmenu ul {
  top: 1.6rem !important;
}

#headercont .webmenu ul li {
  padding: 1.2rem 0.6rem;
}

#maincont {
  margin-top: 0px !important;
}

.top-lista {
  width             : 100%;
  top               : 0;
  //position        : absolute;
  background-color  : #0F3262;
  color             : white;
  text-align        : center;
  font-size         : 12px;
  font-weight       : bold;
  height            : 40px;
  display           : flex;
  align-items       : center;
  justify-content   : center;
}

.top-lista a {
  color          : white;
  text-decoration: underline;
  display        : flex;
  align-items    : center;
  gap            : 12px;
}

.top-lista a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='m19.184 7.805l-2.965-2.967c-2.027-2.03-3.04-3.043-4.129-2.803c-1.088.24-1.581 1.587-2.568 4.28l-.668 1.823c-.263.718-.395 1.077-.632 1.355a2.035 2.035 0 0 1-.36.332c-.296.213-.664.314-1.4.517c-1.66.458-2.491.687-2.804 1.23a1.528 1.528 0 0 0-.204.773c.004.627.613 1.236 1.83 2.455L6.7 16.216l-4.476 4.48a.764.764 0 0 0 1.08 1.08l4.475-4.48l1.466 1.468c1.226 1.226 1.839 1.84 2.47 1.84c.265 0 .526-.068.757-.2c.548-.313.778-1.149 1.239-2.822c.202-.735.303-1.102.515-1.399c.093-.129.201-.247.322-.352c.275-.238.632-.372 1.345-.64l1.844-.693c2.664-1 3.996-1.501 4.23-2.586c.235-1.086-.77-2.093-2.783-4.107'/%3E%3C/svg%3E");
}

@media screen and (max-width: 980px) {
  .whisper {
    width: 100% !important;
    left : unset !important;
  }
}

#whisper-box {
  box-shadow   : 0 10px 15px -3px hsla(0, 0%, 0%, 0.1), 0 4px 6px -4px hsla(0, 0%, 0%, 0.1);
  border-radius: 0.4rem;
}

#whisper-box ul li {
  padding      : 0.4rem 0;
  border-bottom: 1px solid hsl(214, 32%, 91%);
}

#whisper-box ul li.title {
  display: none !important;
}

#whisper-box ul li.item {
  display        : flex;
  align-items    : center;
  justify-content: flex-end !important;
  flex-wrap      : nowrap;
  width          : 100% !important;
  min-height     : 4.8rem !important;
}

#whisper-box ul li.category {
  display    : flex !important;
  align-items: center !important;
  min-height : 3.6rem !important;
  padding    : 0;
}

#whisper-box ul li.category .name {
  padding-left: 3.2rem !important;
  font-weight : bold !important;
}

#whisper-box ul li.category.title {
  display: none !important;
}

#whisper-box ul li.act {
  background-color: hsl(204, 100%, 97%) !important;
}

#whisper-box ul li .buybox,
#whisper-box ul li form {
  display: none !important;
}

#whisper-box ul li .name {
  width       : unset !important;
  max-width   : unset !important;
  padding     : 0 2.4rem 0 1.2rem !important;
  margin-right: auto;
}

#whisper-box ul li .name a {
  height         : unset !important;
  font-size      : 1.4rem !important;
  color          : hsl(215, 25%, 27%) !important;
  text-decoration: none !important;
  overflow       : visible !important;
  width          : 100%;
  height         : 100%;
  display        : block;
}

@media screen and (max-width: 980px) {
  #whisper-box ul li .name a {
    font-size: 1.3rem !important;
  }
}

#whisper-box ul li .name a:hover {
  color: hsl(219, 76%, 41%) !important;
}

#whisper-box ul li .price {
  float: unset !important;
  width: unset !important;
}

#whisper-box ul li .price .wvat span {
  font-weight: 500 !important;
  font-size  : 1.4rem !important;
}

@media screen and (max-width: 980px) {
  #whisper-box ul li .price .wvat span {
    font-size: 1.3rem !important;
  }
}

#whisper-box ul li .price .wvat p {
  display: none !important;
}

#sptnav {
  background: white;
}

#sptnav>ul {
  display: flex;
  gap    : 28px;
}

#sptnav ul li {
  padding: 1.2rem 0rem;
  border : 0;
}

#sptnav ul li:first-child {
  margin-left: 0;
}

.level3 li.act>a {
  text-decoration: none !important;
  color          : hsl(217, 72%, 50%) !important;
}

.level3>li>a {
  font-weight: bold !important;
  font-size  : 1.4rem !important;
  color      : hsl(215, 25%, 27%) !important;
}

.level3>li {
  transition: background 0.3s;
}

.sptnavsub {
  top          : 4.4rem !important;
  border       : 0;
  border-top   : 2px solid hsl(217, 72%, 50%) !important;
  border-bottom: 2px solid hsl(217, 72%, 50%) !important;
}

@media screen and (max-width: 980px) {
  #sptnav.navOpen {
    display       : block;
    position      : absolute;
    z-index       : 8;
    top           : 6.8rem;
    padding-bottom: 4.8rem !important;
    padding-top   : 1.2rem !important;
    padding-left  : 0.2rem !important;
    padding-right : 0 !important;
    border-top    : 1px solid hsl(213, 27%, 84%);
    background    : white !important;
    height        : calc(100vh - 6.8rem);
  }

  #sptnav.navOpen .level3 {
    display       : flex;
    flex-direction: column;
    gap           : 0;
  }

  #sptnav.navOpen .level3 li {
    border-top         : 0;
    border-bottom      : 1px solid hsl(213, 27%, 84%) !important;
    border-left        : 0.4rem solid hsl(219, 76%, 41%) !important;
    margin             : 0 !important;
    margin-bottom      : 0.2rem !important;
    background-image   : url(../img/web/icons/menu-arrow.svg);
    background-position: center right 2rem;
    background-repeat  : no-repeat;
    background-size    : 2rem;
  }

  #sptnav.navOpen .level3 li a {
    color : hsl(217, 33%, 17%) !important;
    width : 100%;
    height: 100%;
  }

  #sptnav.navOpen .level6 {
    display: none;
  }
}

.sptnavsub {
  padding-top: 1.6rem;
}

.level6 {
  display              : grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  float                : unset !important;
  padding              : 1.6rem 0 2.4rem 0;
}

.level6>li {
  width                : unset !important;
  display              : grid;
  grid-template-areas  : "img title""img links";
  grid-template-columns: 7.2rem auto;
  grid-template-rows   : 4rem auto;
  float                : unset !important;
  padding              : 8px 0 !important;
}

.sptnavsub .others {
  display: none !important;
}

.level6>li img {
  max-width: 4.8rem !important;
  height   : auto !important;
  grid-area: img;
}

.level6>li>a {
  font-size      : 1.4rem !important;
  color          : hsl(215, 25%, 27%) !important;
  text-decoration: none !important;
  width          : unset !important;
  display        : block !important;
  margin-bottom  : 0.4rem !important;
  padding-top    : 1.6rem !important;
}

.level9 {
  margin-top    : 1.6rem;
  display       : flex;
  flex-direction: column;
  max-height    : 10.4rem;
  overflow      : hidden;
  float         : unset !important;
  width         : unset !important;
  left          : 0 !important;
  position      : unset !important;
  margin        : unset !important;
  align-self    : start;
}

.level9 a {
  font-size: 1.3rem !important;
  color    : hsl(215, 16%, 47%) !important;
}

.navbar {
  margin: 0 0 2.4rem 0 !important;
}

.navbar * {
  font-size  : 1.3rem !important;
  color      : hsl(215, 19%, 35%) !important;
  font-weight: normal !important;
}

.navbar ul li a:before,
.navbar ul li h1:before,
.navbar ul li p:before {
  margin-right: 1.2rem !important;
  margin-left : 0.8rem !important;
  font-size   : 1.4rem !important;
}

.stoitem .navbar {
  margin: 0 0 3.2rem !important;
}

.srch .products>.cnt,
.spresenttrees .products>.cnt,
.stirelation>.cnt,
.stirelvipconoffer>.cnt {
  display              : grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap                  : 1.2rem;
  margin-top           : 1.1rem !important;
}

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

  .srch .products>.cnt,
  .spresenttrees .products>.cnt,
  .stirelation>.cnt,
  .stirelvipconoffer>.cnt {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

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

  .srch .products>.cnt,
  .spresenttrees .products>.cnt,
  .stirelation>.cnt,
  .stirelvipconoffer>.cnt {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

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

  .srch .products>.cnt,
  .spresenttrees .products>.cnt,
  .stirelation>.cnt,
  .stirelvipconoffer>.cnt {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

.stirelvipconoffer {
  display: none !important;
}

.prodbox {
  width           : unset;
  padding         : 0.8rem 2rem;
  border          : 1px solid hsl(210, 40%, 96%);
  background-color: white;
  border-radius   : 0.4rem;
  box-shadow      : 0 1px 3px 0 hsla(0, 0%, 0%, 0.1), 0 1px 2px -1px hsla(0, 0%, 0%, 0.1);
}

.prodbox .cnt {
  display              : grid;
  grid-template-columns: 3fr 2fr;
  grid-template-rows   : 20rem 5.2rem auto auto auto;
  grid-template-areas  : "img img""title title""note note""avail avail""price button";
}

.prodbox .cnt * {
  float  : unset;
  padding: unset;
  margin : unset;
  width  : unset;
}

.prodbox .cnt .img {
  grid-area  : img;
  display    : flex;
  align-items: center;
}

.prodbox .cnt .img img {
  width     : auto;
  max-height: 20rem;
}

.prodbox .cnt h2 {
  grid-area  : title;
  height     : 5.6rem;
  padding-top: 0.8rem;
  overflow   : hidden;
  line-height: 1;
}

.prodbox .cnt h2 a {
  font-size  : 1.6rem;
  line-height: 1 !important;
  color      : hsl(215, 25%, 27%);
  font-weight: 600;
}

.prodbox .cnt .note {
  grid-area: note;
  height   : 12.4rem;
  padding  : 0.8rem 0 1.6rem 0;
  overflow : hidden;
}

.prodbox .cnt .note p {
  height     : 10rem;
  font-size  : 1.3rem;
  line-height: 1.2;
  color      : hsl(215, 16%, 47%);
  overflow   : hidden;
}

.prodbox .cnt .price {
  grid-area : price;
  align-self: center;
}

.prodbox .cnt .price .sale {
  display: none;
}

.prodbox .cnt .price .wvat {
  float: unset;
}

.prodbox .cnt .price .wvat span {
  font-size   : 2rem;
  font-weight : 600;
  margin-right: 2.4rem;
  text-align  : left;
  color       : hsl(217, 33%, 17%);
}

.prodbox .cnt .price .wvat p {
  display: none;
}

.prodbox .cnt .availability {
  grid-area: avail;
  padding  : 1.6rem 0;
  margin   : 0 -0.8rem;
}

.prodbox .cnt .availability a {
  display: block;
  width  : 100%;
  height : 100%;
}

.prodbox .cnt .availability .stock {
  padding         : 0.2rem 0.8rem;
  background-color: hsl(210, 40%, 98%);
  height          : 100%;
  color           : hsl(215, 19%, 35%);
  display         : flex;
  align-items     : center;
  justify-content : space-between;
  float           : unset;
}

.prodbox .cnt .availability .stock span {
  padding: 0.4rem 0;
}

.prodbox .cnt .availability .stock *:before {
  display: none;
}

.prodbox .cnt .availability .stock * {
  font-weight: 400;
  display    : block;
}

.prodbox .cnt .availability .stock .detail {
  display: none;
}

.prodbox .cnt .availability .stock::before {
  display: none;
}

.prodbox .cnt .availability .avail0,
.prodbox .cnt .availability .availdays,
.prodbox .cnt .availability .avail3 {
  background-color: hsl(89, 84%, 95%);
}

.prodbox .cnt .availability .avail0 *,
.prodbox .cnt .availability .availdays *,
.prodbox .cnt .availability .avail3 * {
  color: hsl(113, 71%, 31%);
}

.prodbox .cnt .availability .avail0 span,
.prodbox .cnt .availability .availdays span,
.prodbox .cnt .availability .avail3 span {
  font-weight: 500;
}

.prodbox .cnt .availability .avail3 span {
  font-size: 0;
  display  : flex;
}

.prodbox .cnt .availability .avail3 span:before {
  display  : block;
  font-size: 1.4rem;
  content  : "Skladem";
}

.prodbox .cnt .tools {
  grid-area   : button;
  padding     : 0.8rem 0;
  display     : flex;
  align-items : center;
  gap         : 1.6rem;
  justify-self: end;
}

.prodbox .cnt .tools .qtybox {
  display: none;
}

.prodbox .cnt .tools .status {
  right: 0.8rem;
  top  : 0.8rem;
}

.prodbox .cnt .tools .buttons {
  display       : flex;
  flex-direction: row-reverse;
  gap           : 0.6rem;
  position      : absolute;
  top           : 14rem;
  right         : unset;
  left          : 2rem;
  display       : none;
}

.prodbox .cnt .tools .buttons .btn-comp,
.prodbox .cnt .tools .buttons .btn-favour {
  min-width          : unset;
  display            : block;
  width              : 2rem;
  height             : 2rem;
  background-color   : transparent;
  background-image   : url(../img/web/icons/compare.svg) !important;
  background-size    : 2rem;
  background-repeat  : no-repeat;
  background-position: center;
  opacity            : 0.5;
}

.prodbox .cnt .tools .buttons .btn-comp:before,
.prodbox .cnt .tools .buttons .btn-favour:before {
  display: none;
}

.prodbox .cnt .tools .buttons .btn-comp:hover,
.prodbox .cnt .tools .buttons .btn-favour:hover {
  box-shadow: none;
}

.prodbox .cnt .tools .buttons .btn-favour {
  background-image: url(../img/web/icons/favour.svg) !important;
}

.prodbox .cnt .tools .buttons .btn-favour.remove,
.prodbox .cnt .tools .buttons .btn-favour:hover {
  background-image: url(../img/web/icons/favoured.svg) !important;
}

.prodbox .cnt .tools .buttons .btn-comp.remove,
.prodbox .cnt .tools .buttons .btn-comp:hover {
  background-image: url(../img/web/icons/compared.svg) !important;
}

.prodbox .cnt .tools .btn-buy span {
  font-size: 0;
}

.prodbox .cnt .tools .btn-buy span:before {
  content  : "Do košíku";
  font-size: 1.4rem;
}

.rental_printer .availability,
.rental_printer .buttons,
.rental_printer .buybox,
.rental_printer .free_delivery {
  display: none;
}

.rental_printer {
  padding-bottom: 24px;
}

.stirelation .prodbox>.cnt {
  grid-template-rows: 16rem auto auto auto auto;
}

.stirelation .prodbox .note {
  display: none !important;
}

.stirelation .prodbox .img {
  height: 16rem !important;
}

.stirelation .prodbox .img img {
  max-height: 16rem;
}

.stoitem #stirelation>.cnt {
  height: 37.5rem;
}

.popupcont {
  min-width: 48rem !important;
}

@media screen and (max-width: 640px) {
  .popupcont {
    min-width: 90% !important;
  }
}

.basketadd {
  padding: 1.6rem !important;
}

.basketadd .hdr {
  background-image   : url(../img/web/addcart.svg);
  background-repeat  : no-repeat;
  background-position: top 0.8rem center;
  padding-top        : 5.6rem !important;
  text-align         : center;
  display            : flex;
  justify-content    : center;
}

.basketadd .hdr p {
  text-align: center;
  padding   : 2.4rem 0 !important;
  font-size : 2rem !important;
  color     : hsl(215, 25%, 27%) !important;
}

.basketadd .cnt {
  display: none !important;
}

.basketadd .ftr .btn-next span {
  font-size: 0;
}

.basketadd .ftr .btn-next span:before {
  display  : block !important;
  content  : "Přejít do košíku";
  font-size: 1.4rem !important;
}

.basketadd .ftr .btn-back:before {
  display: none !important;
}

#footercont {
  background: hsl(225, 86%, 26%);
}

#footercont a {
  color: white !important;
}

#footercont .links {
  display: none;
}

#footercont .copyright .design {
  display: none;
}

#footercont .copyright .tech {
  font-size: 0;
}

#footercont .copyright .tech a {
  display: none;
}

#footercont .copyright .tech:after {
  font-size: 1.5rem;
  content  : "© 2025 VŠE PRO TISK s.r.o.";
}

.homepage .contentcont {
  min-height    : 80vh !important;
  padding       : 0 2rem !important;
  padding-bottom: 12rem !important;
}

.homepage .contentcont * {
  float: unset !important;
}

.homepage #centercont::before {
  display: none !important;
}

.homepage .claim {
  display: none;
}

.homepage .webnews {
  margin-top: 7.8rem;
}

.homepage .webnews ul {
  display        : flex;
  justify-content: space-between;
  flex-wrap      : wrap;
}

.homepage .webnews ul img {
  max-width: 14rem;
}

.homepage .webnews .product {
  margin-top: 4rem;
}

.homepage .webnews .product:nth-child(3) {
  display: none;
}

.homepage .webnews .product>.cnt {
  display              : grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap                  : 1.2rem;
}

@media screen and (max-width: 1200px) {
  .homepage .webnews .product>.cnt {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media screen and (max-width: 980px) {
  .homepage .webnews .product>.cnt {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media screen and (max-width: 640px) {
  .homepage .webnews .product>.cnt {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

.homepage .webnews .prodbox {
  width: unset;
}

.hp-navigator {
  margin-top           : 3.6rem !important;
  display              : grid;
  grid-template-columns: 2fr 1fr;
  gap                  : 2.4rem;
}

@media screen and (max-width: 1170px) {
  .hp-navigator {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 640px) {
  .hp-navigator {
    margin-top: 0 !important;
  }
}

.hp-navigator::before,
.hp-navigator::after {
  display: none;
}

.hp-navigator ul {
  display              : grid;
  grid-template-columns: 1fr 1fr;
  gap                  : 1.2rem;
}

.hp-navigator ul li {
  width          : unset;
  float          : unset;
  border         : 1px solid hsl(215, 20%, 65%);
  display        : flex;
  flex-direction : column;
  align-items    : center;
  justify-content: center;
  border-radius  : 0.8rem;
}

@media screen and (max-width: 1170px) {
  .hp-navigator ul li {
    padding: 1.2rem 0;
  }
}

@media screen and (max-width: 640px) {
  .hp-navigator ul li {
    width : unset !important;
    margin: unset;
    border: 1px solid hsl(214, 100%, 60%);
  }

  .hp-navigator ul li a.title {
    background: transparent !important;
    height    : unset !important;
    font-size : 1.5rem !important;
  }

  .hp-navigator ul li img {
    display: block !important;
  }
}

.hp-navigator ul li .title {
  font-size      : 1.5rem;
  color          : hsl(217, 33%, 17%) !important;
  padding        : 0.8rem 0 0 0;
  font-weight    : 600;
  text-decoration: none;
}

.hp-navigator ul li .boxcont {
  text-align: left;
  padding   : 0;
  display   : none;
}

.hp-navigator ul li img {
  width: 7.2rem;
}

.hp-navigator ul li:nth-last-child(-n+2) {
  display: none;
}

.hp-navigator .hp-banner {
  min-height         : 26.4rem;
  background-repeat  : no-repeat;
  background-size    : cover;
  background-position: center;
  border-radius      : 0.8rem;
  text-align         : center;
}

@media screen and (max-width: 1024px) {
  .hp-navigator .hp-banner {
    display: none;
  }
}

.hp-navigator .hp-banner img {
  max-width: 100%;
  height   : auto;
}

.homepage .hp-plus {
  position    : relative;
  display     : flex;
  align-items : center;
  width       : 100%;
  padding-left: 8rem;
  margin-top  : 7.8rem;
}

@media screen and (max-width: 980px) {
  .homepage .hp-plus {
    display     : block;
    padding-left: 0;
    text-align  : center;
    margin-top  : 0;
  }
}

.homepage .hp-plus img {
  position  : absolute;
  z-index   : 6;
  left      : -1.6rem;
  top       : -3rem;
  max-height: 14rem;
}

@media screen and (max-width: 980px) {
  .homepage .hp-plus img {
    position   : relative;
    top        : 4.8rem;
    margin-left: 4rem;
    display    : none;
  }
}

.homepage .hp-plus-container {
  background-color: hsl(225, 86%, 26%);
  min-height      : 8.4rem;
  flex            : 0 0 100%;
  border-radius   : 0.8rem;
  display         : flex;
  align-items     : center;
  justify-content : space-between;
  padding-right   : 2.4rem;
  border          : 1px solid hsl(214, 100%, 60%);
  background-image: url(../img/web/vptplusbg.png);
}

@media screen and (max-width: 980px) {
  .homepage .hp-plus-container {
    flex-direction: column;
    padding       : 8rem 2.4rem 4.8rem 2.4rem !important;
    align-items   : left !important;
  }
}

.homepage .hp-plus-container>a {
  display         : flex;
  height          : 4.8rem;
  background-color: hsl(217, 72%, 50%);
  color           : white;
  font-weight     : bold;
  align-items     : center;
  justify-content : center;
  padding         : 0 2.4rem;
  border-radius   : 0.4rem;
  font-size       : 1.5rem;
}

.homepage .hp-plus-container div {
  color       : white;
  padding-left: 15rem;
}

@media screen and (max-width: 980px) {
  .homepage .hp-plus-container div {
    padding-left : 0;
    text-align   : center;
    margin-bottom: 4rem;
  }
}

.homepage .hp-plus-container div h2 {
  font-size  : 2.4rem;
  line-height: 3.2rem;
}

@media screen and (max-width: 980px) {
  .homepage .hp-plus-container div h2 {
    margin-top: 1.2rem;
    font-size : 3rem;
  }
}

.homepage .hp-plus-container div span {
  color      : white;
  font-weight: normal;
  font-weight: 600;
}

.homepage .hp-pros {
  display        : flex;
  margin-top     : 4rem;
  justify-content: space-between;
  border-bottom  : 1px solid hsl(215, 20%, 65%);
}

@media screen and (max-width: 640px) {
  .homepage .hp-pros {
    flex-direction: column;
    margin-top    : 0 !important;
    display       : none;
  }
}

.homepage .hp-pros div {
  font-weight        : bold;
  font-size          : 1.9rem;
  background-image   : url(../img/web/hp-pros-one.svg);
  background-repeat  : no-repeat;
  background-position: left top;
  padding-left       : 5.6rem;
  line-height        : 2.4rem;
  margin             : 2.4rem 0;
  background-size    : 3.6rem;
}

.homepage .hp-pros div:nth-child(2) {
  background-image: url(../img/web/hp-pros-two.svg);
}

.homepage .hp-pros div:nth-child(3) {
  background-image: url(../img/web/hp-pros-three.svg);
}

.homepage .hp-pros div span {
  display    : block;
  font-weight: normal;
  font-size  : 1.5rem;
}

@media screen and (max-width: 1319px) and (min-width: 981px) {
  #contentcont.contentcont .boxcont.webnews .product .prodbox:nth-child(4) {
    display: grid;
  }
}

.cont.spresenttrees .stinote .hdr p {
  text-transform: none !important;
  color         : hsl(217, 33%, 17%);
  font-size     : 2rem;
  line-height   : 1.1 !important;
  margin-bottom : 16px !important;
}

.cont.spresenttrees .stinote .cnt {
  display    : block;
  line-height: 1.5;
}

.cont.spresenttrees .stinote .cnt * {
  float: unset !important;
}

.cont.spresenttrees .stinote .cnt p {
  max-width  : 100%;
  font-size  : 14px !important;
  line-height: 24px !important;
}

.stinote>.hdr p {
  margin-bottom: 0 !important;
  font-size    : 2.4rem !important;
  font-weight  : 600;
  color        : hsl(215, 25%, 27%) !important;
}

.subcats {
  padding: 0 0 0.8rem 0;
  margin : 0 !important;
}

.subcats .cnt ul {
  display              : grid;
  grid-template-columns: repeat(5, 1fr);
  gap                  : 0.8rem;
}

@media screen and (max-width: 1200px) {
  .subcats .cnt ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 980px) {
  .subcats .cnt ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 720px) {
  .subcats .cnt ul {
    grid-template-columns: 1fr 1fr;
  }
}

.subcats .cnt ul li {
  display         : flex;
  width           : 100%;
  align-items     : center;
  padding         : 0;
  margin          : 0;
  border          : 0 !important;
  background-color: white;
  border-radius   : 0.4rem;
}

.subcats .cnt ul li a {
  line-height  : 1;
  display      : flex;
  align-items  : center;
  height       : 4.8rem;
  padding      : 0 1.6rem 0 0.8rem;
  width        : 100%;
  font-weight  : bold;
  color        : hsl(215, 25%, 27%);
  box-shadow   : 0 1px 3px 0 hsla(0, 0%, 0%, 0.1), 0 1px 2px -1px hsla(0, 0%, 0%, 0.1);
  border       : 1px solid hsl(214, 32%, 91%);
  border-radius: 0.4rem;
}

.subcats .cnt ul li a:has(.akcni) {
  background-color: hsl(24, 100%, 97%);
  border          : 1px solid hsl(11, 100%, 74%);
}

.subcats .cnt ul li a:hover {
  border: 1px solid hsl(215, 20%, 65%);
}

.subcats .cnt ul li img {
  width: 3.2rem;
}

.subcats .cnt ul li:after {
  display: none;
}

.prcrange {
  display: none !important;
}

.noUi-horizontal {
  height: 0.4rem !important;
}

.noUi-connect {
  background: hsl(214, 100%, 60%) !important;
}

.prcrange .price-range {
  background: hsl(215, 20%, 65%) !important;
  margin-top: 1.6rem !important;
}

.noUi-horizontal .noUi-handle {
  top: -8px;
}

.to {
  margin-left: 0.8rem;
}

.noUi-handle {
  background-color: hsl(219, 76%, 41%) !important;
  border          : none !important;
  box-shadow      : 0 1px 3px 0 hsla(0, 0%, 0%, 0.1), 0 1px 2px -1px hsla(0, 0%, 0%, 0.1) !important;
  border-radius   : 999px;
  width           : 2rem !important;
  height          : 2rem !important;
  cursor          : pointer;
}

.noUi-handle:hover {
  background: hsl(214, 100%, 60%) !important;
}

.noUi-handle:before,
.noUi-handle:after {
  display: none !important;
}

.sptconfig {
  background: hsl(205, 100%, 92%) !important;
}

.sptconfig .cnt:after,
.sptconfig .cnt:before {
  background: hsl(205, 100%, 92%) !important;
}

.sptconfig .hdr p {
  color: hsl(217, 33%, 17%) !important;
}

.filter.stiparinf {
  margin-top: 4rem !important;
}

.filter.stiparinf>.hdr {
  background   : hsl(217, 72%, 50%) !important;
  color        : white !important;
  width        : unset !important;
  max-width    : max-content;
  padding      : 0 !important;
  box-shadow   : 0px 1px 2px 0px rgba(15, 23, 42, 0.0588235294);
  box-shadow   : 0px 1px 3px 0px rgba(15, 23, 42, 0.1019607843);
  border-radius: 0.4rem;
}

.filter.stiparinf>.hdr:hover {
  background: hsl(214, 100%, 60%) !important;
}

.filter.stiparinf>.hdr p {
  color              : white !important;
  height             : 4rem !important;
  display            : flex;
  align-items        : center;
  font-weight        : 500 !important;
  padding            : 0 2.4rem 0 4rem !important;
  background-image   : url(../img/web/icons/cog-white.svg);
  background-repeat  : no-repeat;
  background-position: left 0.8rem center;
  background-size    : 2.4rem;
  border-radius      : 0.4rem;
}

.filter.stiparinf>.hdr p:after {
  display: none !important;
}

.filter.stiparinf>.hdr .center-text {
  width: unset !important;
}

.filter.stiparinf.opened>.hdr {
  background: hsl(214, 100%, 60%) !important;
}

.paramgroups .group {
  padding      : 0.8rem 1.2rem !important;
  background   : hsl(210, 40%, 96%) !important;
  border       : 1px solid hsl(215, 20%, 65%) !important;
  border-bottom: none !important;
  border-right : none !important;
}

.paramgroups .group.act {
  background : white !important;
  font-weight: 500;
}

.paramgroups .group:last-child {
  border-bottom: 1px solid hsl(215, 20%, 65%) !important;
}

#allstockfilter label {
  display    : flex !important;
  align-items: center !important;
}

#allstockfilter label:before {
  width : 1.6rem !important;
  height: 1.6rem !important;
}

.filter.store {
  position: relative;
  top     : 3.2rem;
}

.stoitems .store {
  display: none !important;
}

.filter.prcrange {
  display: none;
}

.spresenttrees .listpage,
.stoitems .listpage {
  background: white !important;
}

.spresenttrees .listpage.btm,
.stoitems .listpage.btm {
  background: white !important;
}

.spresenttrees .listpage .pagetext,
.stoitems .listpage .pagetext {
  color: hsl(215, 25%, 27%) !important;
}

.orderby {
  background: white !important;
  padding   : 0 0.4rem !important;
  top       : 55px !important;
}

.orderby .btn {
  background   : white !important;
  padding      : 1.2rem 1.6rem !important;
  border-bottom: 4px solid hsl(214, 32%, 91%);
  margin-right : 0.8rem !important;
}

.orderby .act {
  background   : white !important;
  border-bottom: 4px solid hsl(217, 72%, 50%) !important;
  font-weight  : 600 !important;
}

@media screen and (max-width: 640px) {
  .orderby .btn {
    width: unset !important;
  }

  .orderby .btn:first-child {
    font-size: 0 !important;
  }

  .orderby .btn:first-child:after {
    content  : "TOP";
    font-size: 1.4rem !important;
  }

  .orderby .btn:nth-child(2) {
    font-size: 0 !important;
  }

  .orderby .btn:nth-child(2):after {
    content  : "Nejlevnější";
    font-size: 1.4rem !important;
  }

  .orderby .btn:nth-child(3) {
    font-size: 0 !important;
  }

  .orderby .btn:nth-child(3):after {
    content  : "Nejdražší";
    font-size: 1.4rem !important;
  }
}

.stoitem h1 {
  line-height  : 2.4rem !important;
  font-size    : 2rem !important;
  color        : hsl(217, 33%, 17%) !important;
  font-weight  : bold !important;
  margin-bottom: 0.8rem !important;
}

.stiimg .img a {
  text-align: center;
  width     : 100%;
}

#sticattree .cnt {
  border: 0 !important;
}

#sticattree .cnt:before,
#sticattree .cnt:after {
  display: none !important;
}

.res-header h1 {
  width         : 100%;
  text-transform: none !important;
}

.stiinfo>.cnt {
  display              : grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-rows   : auto;
  grid-template-areas  : "code code""pagecount pagecount""desc desc""actone actone""acttwo acttwo""actthree actthree""actfour actfour""price price""rent rent""contact contact""avail avail""order order""gifts gifts""plus plus";
}

.stiinfo>.cnt .tools,
.stiinfo>.cnt .stirating,
.stiinfo>.cnt .discount {
  display: none !important;
}

.stiinfo>.cnt .avail_printer {
  grid-area: rent;
  display  : none !important;
}

.stiinfo>.cnt .contact_info {
  grid-area       : contact;
  background-color: #E6F4FE;
  padding         : 24px 16px !important;
  border          : none !important;
  box-shadow      : none !important;
  border-left     : 4px solid #0588F0 !important;
}

.stiinfo>.cnt .contact_info .label {
  font-weight: normal !important;
}

.stiinfo>.cnt .contact_info p {
  font-size: 0 !important;
}

.stiinfo>.cnt .contact_info a {
  color          : #113264 !important;
  padding        : 0 !important;
  text-decoration: underline;
  font-weight    : normal !important;
}

.stiinfo>.cnt .contact_info .cnt_contact p:first-child a {
  font-size  : 19px !important;
  font-weight: bold !important;
}


.stiinfo>.cnt .vptplus {
  grid-area: plus;
}

.stiinfo>.cnt .pagecount {
  grid-area: pagecount;
}

.stiinfo>.cnt .code,
.stiinfo>.cnt .partno {
  grid-area: code;
}

.stiinfo>.cnt .stiysttbox {
  grid-area: gifts;
}

.stiinfo>.cnt .res-rightbox {
  grid-area: price;
}

.stiinfo>.cnt .n_1 {
  margin-top: 1.2rem !important;
  grid-area : actone;
}

.stiinfo>.cnt .n_2 {
  grid-area: acttwo;
}

.stiinfo>.cnt .n_3 {
  grid-area: actthree;
}

.stiinfo>.cnt .n_4 {
  grid-area: actfour;
}

.stiinfo>.cnt .shortnote {
  grid-area: desc;
}

.stiinfo>.cnt .avail {
  grid-area: avail;
}

.stiinfo>.cnt .order {
  grid-area: order;
}

.stiinfo .vptplusbox {
  grid-area: plus;
}

.stiinfo .vptplus {
  display            : none;
  background-color   : hsl(204, 100%, 97%);
  border             : 1px solid hsl(209, 100%, 76%);
  border-radius      : 0.4rem;
  padding            : 1.2rem 2rem 1.2rem 5.6rem;
  margin             : 1.6rem 0;
  margin-top         : 1.6rem;
  font-size          : 1.3rem !important;
  box-shadow         : 0 1px 3px 0 hsla(0, 0%, 0%, 0.1), 0 1px 2px -1px hsla(0, 0%, 0%, 0.1);
  transition         : all 0.2s;
  background-image   : url(../img/web/pluscircles.svg), url(../img/web/icons/coins-blue.svg);
  background-repeat  : no-repeat;
  background-size    : 48rem, 3.2rem;
  background-position: top -16rem right -20rem, left 1.2rem center;
  color              : hsl(217, 33%, 17%);
}

.stiinfo .vptplus:hover {
  border: 1px solid hsl(217, 72%, 50%);
}

.stiinfo .vptplus span {
  display      : block;
  font-weight  : 500;
  margin-bottom: 0.6rem;
  font-size    : 1.4rem;
}

.stiinfo .vptplus b {
  color      : hsl(219, 76%, 41%);
  font-weight: 500;
}

.stiinfo .vptinfinity {
  display         : flex;
  flex-direction  : column;
  gap             : 0px;
  align-items     : center;
  background-color: #F4FAFF;
  border          : 1px solid #ACD8FC;
  margin-top      : 24px;
  border-radius   : 6px;
  padding-left    : 8px;
  text-align      : center;
}

@media screen and (min-width: 800px) {
  .stiinfo .vptinfinity {
    flex-direction: row;
    text-align    : left;
    gap           : 16px;
  }
}

.stiinfo .vptinfinity div {
  padding: 16px 16px 16px 0;
}

.stiinfo .vptinfinity span {
  font-size  : 16px;
  font-weight: bold;
  color      : #0588F0;
}

.stiinfo .vptinfinity p {
  font-size : 14px;
  margin-top: 8px;
}

.stiinfo .vptinfinity img {
  max-width: 88px;
  height   : auto;
  transform: rotate(-12deg);
}

.pagecount {
  grid-area: pagecount;
}

.pagecount .text {
  display       : flex;
  flex-direction: row-reverse;
}

.pagecount p {
  font-size    : 1.3rem !important;
  color        : hsl(215, 25%, 27%) !important;
  padding      : 0.4rem 0.8rem;
  border-radius: 0.4rem;
  min-width    : max-content;
  border       : 1px solid hsl(214, 32%, 91%);
  font-weight  : 500;
}

.pagecount .info {
  display: none !important;
}

.pagecount .info:before {
  color: hsl(214, 100%, 60%) !important;
}

.pagecount .color {
  background-image: none !important;
}

.pagecount .color_206 {
  border-left: 4px solid hsl(215, 16%, 47%) !important;
}

.pagecount .color_CMYK {
  border-left: 4px solid hsl(105, 60%, 45%) !important;
}

.pagecount .color_203 {
  border-left: 4px solid #0EA5E9 !important;
}

.pagecount .color_204 {
  border-left: 4px solid #FACC15 !important;
}

.pagecount .color_205 {
  border-left: 4px solid #F472B6 !important;
}

.stiinfo .shortnote {
  font-size  : 1.3rem !important;
  padding    : 0 !important;
  column-rule: hsl(215, 19%, 35%);
}

.stiinfo .shortnote a {
  font-size: 1.3rem !important;
  color    : hsl(219, 76%, 41%) !important;
}

.shortnote-premium {
  margin-top      : 1.2rem;
  border          : 1px solid hsl(213, 27%, 84%);
  padding         : 1.2rem;
  background-color: hsl(210, 40%, 98%);
}

.shortnote-premium span {
  display    : block;
  font-weight: 500;
  line-height: 1.1;
  font-size  : 1.4rem;
}

.shortnote-premium span:nth-child(2) {
  font-weight: normal;
  font-size  : 1.3rem !important;
  color      : hsl(215, 16%, 47%);
}

.shortnote-premium ul {
  margin-top    : 0.8rem;
  display       : flex;
  flex-direction: row;
  gap           : 1.6rem;
}

.shortnote-premium ul li {
  float              : unset;
  background-image   : url(../img/web/icons/check-premium.svg);
  background-position: left center;
  background-repeat  : no-repeat;
  padding-left       : 2.4rem !important;
  background-size    : 2rem;
}

.avail {
  align-self: center;
  width     : 100% !important;
  margin    : 0 !important;
}

.avail * {
  margin: 0 !important;
  float : unset !important;
}

.avail .text {
  padding  : 0 !important;
  font-size: 1.3rem !important;
  width    : 100%;
}

.avail .text>div {
  width: 100%;
}

.avail .stock {
  display    : flex;
  align-items: flex-end;
  gap        : 1.2rem;
}

.avail .stock span {
  padding-top: 0.2rem;
  font-size  : 1.4rem;
}

.avail .stock .detail,
.avail .stock::before {
  display: none !important;
}

.avail .stock p {
  font-weight: normal !important;
  padding    : 0 !important;
  font-size  : 1.4rem !important;
}

.avail .stock.avail0,
.avail .stock.availdays,
.avail .stock.avail3 {
  width: 100% !important;
}

.avail .stock.avail0 span,
.avail .stock.availdays span,
.avail .stock.avail3 span {
  color      : hsl(109, 66%, 38%);
  font-weight: 500 !important;
}

.avail .stock.no span,
.avail .stock.avail31 span {
  color      : hsl(358, 72%, 50%);
  font-weight: 500 !important;
}

.order {
  grid-area     : order;
  margin        : 2.4rem 0 0rem 0 !important;
  padding-bottom: 2.4rem;
  border-bottom : 1px solid hsl(213, 27%, 84%);
}

@media screen and (max-width: 640px) {
  .order {
    margin: 2.4rem 0 2.4rem 0 !important;
  }
}

.order .qtybox {
  padding     : 0 !important;
  margin-right: 1.6rem !important;
}

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

  .order .buybox,
  .order .inputs {
    width: 100%;
  }
}

.order .buybox form {
  display    : flex;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .order .buybox form {
    width          : 100%;
    justify-content: space-between;
  }
}

.order .btn {
  padding: 0 4rem !important;
}

.stiinfo .code,
.stiinfo .partno {
  margin-top   : 0 !important;
  max-width    : max-content;
  margin-bottom: 1.6rem !important;
  font-size    : 1.3rem !important;
}

.stiinfo .code *,
.stiinfo .partno * {
  padding: 0 !important;
  margin : 0 !important;
  color  : hsl(215, 16%, 47%) !important;
}

.stiinfo .code .label,
.stiinfo .partno .label {
  margin-right: 0.4rem !important;
}

.stiinfo .partno {
  position   : relative;
  left       : 11.2rem;
  margin-left: 0 !important;
}

.stiinfo .action {
  padding            : 0.8rem 1.6rem 0.8rem 3.6rem !important;
  border             : 1px solid #ACD8FC !important;
  background-image   : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cpath fill='%230090FF' fill-rule='evenodd' d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10-4a1 1 0 1 0-2 0v5a1 1 0 0 0 1 1h5a1 1 0 1 0 0-2h-4z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
  background-size    : 2rem !important;
  background-position: left 0.8rem center !important;
  background-color   : #F4FAFF !important;
  font-weight        : 500 !important;
  max-width          : max-content;
  margin             : 0 !important;
  transition         : all 0.3s;
  display            : flex;
  align-items        : center;
  max-height         : unset;
  margin-bottom      : 0.4rem !important;
  color              : #113264 !important;
}

.stiinfo .action a {
  text-decoration: none !important;
  color          : #113264 !important;
  display        : flex;
  align-items    : center;
}

.stiinfo .action:hover {
  border: 1px solid hsl(217, 72%, 50%) !important;
}

.stiinfo .res-rightbox {
  position      : relative;
  padding-top   : 2.8rem;
  padding-bottom: 2.4rem;
  margin        : 0 !important;
}

.stiinfo .res-rightbox * {
  margin : 0 !important;
  padding: 0 !important;
}

.stiinfo .res-rightbox .wovat {
  margin-top: 0.4rem !important;
}

.stiinfo .res-rightbox .wovat u {
  margin-right: 0.4rem !important;
}

.stiinfo .res-rightbox .wovat * {
  color    : hsl(215, 16%, 47%) !important;
  font-size: 1.3rem;
}

.stiinfo .res-rightbox .wvat .sale {
  display      : none;
  color        : hsl(358, 72%, 50%) !important;
  font-weight  : 500 !important;
  font-size    : 2rem !important;
  padding-top  : 0.65rem !important;
  padding-right: 0.8rem !important;
}

.stiinfo .res-rightbox .wvat .price {
  font-size: 2.9rem !important;
  color    : hsl(217, 33%, 17%) !important;
}

.stiinfo .res-rightbox .last-piece {
  position   : absolute !important;
  left       : 168px !important;
  top        : 28px !important;
  display    : flex;
  align-items: center;
}

@media screen and (max-width: 640px) {
  .stiinfo .res-rightbox .last-piece {
    position: unset !important;
  }
}

.stiinfo .res-rightbox .last-piece em {
  margin-right: 0.4rem !important;
}

.mnozslev {
  position        : relative;
  padding         : 16px 24px;
  background-color: #FFEADB;
  max-width       : max-content;
  margin-bottom   : 12px;
  z-index         : 2;
  border-left     : 2px solid #FF5E4D;
  color           : #7A0E27;
}

.mnozslev>span {
  font-weight  : bold;
  display      : block;
  margin-bottom: 8px;
}

.mnozslev div {
  display      : flex;
  gap          : 12px;
  margin-bottom: 4px;
}

.mnozslev div span:last-child {
  font-weight: bold;
}

.mnozslev:after {
  content         : "";
  position        : absolute;
  width           : 16px;
  height          : 16px;
  left            : 44px;
  bottom          : -14px;
  transform       : translate(-50%, -50%) rotate(45deg);
  background-color: #FFEADB;
  z-index         : -1;
}

.stiinfo .stiysttbox {
  display       : flex !important;
  margin-top    : 2.4rem;
  margin-bottom : 0;
  flex-direction: column;
  gap           : 0.4rem;
}

.stiinfo .stiysttbox:before,
.stiinfo .stiysttbox:after {
  display: none !important;
}

.stiinfo .stiysttbox * {
  float: unset !important;
}

.stiinfo .stiysttitembox {
  font-size          : 1.3rem !important;
  padding            : 0rem 0.8rem 0.8rem 4rem !important;
  background-image   : url(../img/web/icons/gift-second.svg);
  background-repeat  : no-repeat;
  background-size    : 2.4rem;
  min-height         : 3.2rem;
  display            : flex;
  align-items        : center;
  flex-direction     : column;
  background-position: left 0.8rem center;
  width              : 100% !important;
  max-width          : 100% !important;
  background-color   : hsl(24, 100%, 97%);
  border             : 1px solid hsl(20, 100%, 86%);
}

.stiinfo .stiysttitembox:before,
.stiinfo .stiysttitembox:after {
  display: none !important;
}

.stiinfo .stiysttitembox .thmbimg {
  display: none;
}

.stiinfo .stiysttitembox .hookplus {
  color      : hsl(1, 69%, 54%) !important;
  font-weight: 500;
  width      : 100% !important;
}

.stiinfo .stiysttitembox a,
.stiinfo .stiysttitembox p {
  font-size  : 1.4rem !important;
  color      : hsl(215, 25%, 27%) !important;
  font-weight: bold;
  width      : 100% !important;
}

.stiimg .stiysttbox {
  display: none !important;
}

.rental_printer .contact_info * {
  float     : unset !important;
  text-align: left;
}

.rental_printer .color_prices {
  display   : flex;
  gap       : 20px;
  margin-top: 8px !important;
}

.rental_printer .color_prices .price_color {
  display    : flex !important;
  gap        : 8px;
  font-weight: bold;
}

.stiinfo .res-rightbox .price_rental {
  padding-bottom: 8px !important;
}

.stoitem .price_rental span {
  color      : #333 !important;
  font-size  : 29px !important;
  line-height: 32px !important;
}

.stoitem .price_rental span::after {
  content  : " / měsíčně";
  font-size: 14px;
}

.price_rental .withouttax {
  display: none !important;
}

.stiimg .img {
  position: relative !important;
}

.sts113 p {
  background-color: black;
}

.stoitem .tabs ul {
  background-color: hsl(210, 40%, 96%) !important;
}

.stoitem .tabs li {
  padding  : 1.6rem 3.2rem !important;
  font-size: 1.3rem !important;
  color    : hsl(217, 33%, 17%) !important;
}

.stoitem .tabs li:last-child {
  display: none !important;
}

.sticattree li {
  background-image   : url(../img/web/icons/printer-brand.svg) !important;
  background-repeat  : no-repeat !important;
  background-position: left 0.8rem center !important;
  background-size    : 2rem !important;
  padding-left       : 3.2rem;
  color              : hsl(217, 33%, 17%) !important;
  text-decoration    : none !important;
  display            : block;
}

.sticattree li a {
  line-height: 2rem;
}

/* .stoitem .stiplnote {
  font-size  : 1.4rem !important;
  line-height: 1.65 !important;
}

.stoitem .stiplnote h2 {
  font-size    : 2.9rem !important;
  line-height  : 1.1 !important;
  margin-bottom: 1.6rem;
  display      : block;
  margin-top   : 1.6rem;
}

.stoitem .stiplnote p {
  margin: 0.8rem 0;
}

.stoitem .stiplnote a {
  color          : hsl(219, 76%, 41%) !important;
  text-decoration: underline !important;
  font-size      : 1.4rem !important;
}

.stoitem .stiplnote ul {
  list-style  : square !important;
  padding-left: 2rem !important;
}

.stoitem .stiplnote ul li {
  float: unset !important;
}

.stoitem .stiplnote h3 {
  font-size    : 2rem;
  line-height  : 1.1;
  margin-bottom: 1.2rem;
  display      : block;
  margin-top   : 1.6rem;
}

.stoitem .stiplnote iframe {
  width    : 100%;
  max-width: 100%;
  padding  : 1.6rem 0;
}

.stoitem .stiplnote .p-param {
  display              : grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap                  : 1.2rem;
  margin               : 1.6rem 0;
}

@media screen and (max-width: 640px) {
  .stoitem .stiplnote .p-param {
    grid-template-columns: 1fr;
  }
}

.stoitem .stiplnote .p-param span {
  display         : block;
  display         : flex;
  flex-direction  : column;
  align-items     : center;
  justify-content : center;
  border          : 1px solid hsl(214, 32%, 91%);
  padding         : 1.2rem;
  font-size       : 2rem;
  font-weight     : 500;
  background-color: hsl(210, 40%, 98%) !important;
}

.stoitem .stiplnote .p-param span:before {
  font-size  : 1.3rem;
  font-weight: normal;
  color      : hsl(215, 16%, 47%);
}

.stoitem .stiplnote .p-param span.p-typ:before {
  content: "Typ náplně";
}

.stoitem .stiplnote .p-param span.p-barva:before {
  content: "Barva náplně";
}

.stoitem .stiplnote .p-param span.p-kapacita:before {
  content: "Kapacita náplně";
}

.stoitem .stiplnote .p-premium {
  background-image   : url(../img/web/premium.svg);
  background-repeat  : no-repeat;
  background-position: center right 1.6rem;
  background-size    : 10.4rem;
  padding            : 1.6rem 16rem 1.6rem 0;
  margin             : 2.4rem 0;
}

@media screen and (max-width: 640px) {
  .stoitem .stiplnote .p-premium {
    background-image: none;
    padding         : 1.6rem;
  }
}

.stoitem .stiplnote .p-premium ul {
  margin-top    : 0.8rem;
  display       : flex;
  flex-direction: column;
  gap           : 0.2rem;
  padding       : 0 !important;
  margin        : 0;
  margin-top    : 1.6rem !important;
}

.stoitem .stiplnote .p-premium ul li {
  float              : unset;
  background-image   : url(../img/web/icons/check-premium.svg);
  background-position: left center;
  background-repeat  : no-repeat;
  padding-left       : 2.4rem !important;
  background-size    : 2rem;
  list-style         : none !important;
}

.stoitem .stiplnote .p-tiskarny {
  padding: 1.6rem 0 !important;
}

.stoitem .stiplnote .p-tiskarny a {
  background-image   : url(../img/web/icons/printer-brand.svg);
  background-repeat  : no-repeat;
  background-position: left center;
  background-size    : 2rem;
  padding-left       : 2.4rem;
  color              : hsl(217, 33%, 17%) !important;
  text-decoration    : none !important;
}

.stoitem .stiplnote .p-tiskarny a:not(:last-child) {
  margin-right: 1.6rem;
} */

.staff {
  display              : grid;
  grid-template-columns: 12rem auto;
  column-gap           : 2.4rem;
  grid-template-areas  : "img title""img email""img phone";
  padding              : 1.6rem;
  border-radius        : 0.4rem;
  box-shadow           : 0 4px 6px -1px hsla(0, 0%, 0%, 0.1), 0 2px 4px -2px hsla(0, 0%, 0%, 0.1);
  margin-top           : 4rem !important;
}

.staff h4,
.staff:before,
.staff:after {
  display: none !important;
}

.staff img {
  grid-area: img;
  max-width: 12rem;
}

.staff a {
  font-size: 1.4rem !important;
}

.staff .title {
  grid-area: title;
}

.staff .email {
  grid-area: email;
}

.staff .email::before {
  display: none !important;
}

.staff .phone {
  grid-area: phone;
}

.staff .phone::before {
  display: none !important;
}

.tabinfo.hor * {
  padding: 0 !important;
  margin : 0 !important;
}

.tabinfo.hor td,
.tabinfo.hor th {
  padding: 0.6rem !important;
}

.tabinfo.hor th {
  background-color: hsl(210, 40%, 96%) !important;
  color           : hsl(217, 33%, 17%) !important;
  margin-top      : 0.8rem !important;
}

.tabinfo.hor .paramclass th {
  margin-top: 1.2rem !important;
}

.prod-proof {
  width                : 100%;
  margin-bottom        : 24px;
  border-bottom        : 1px solid hsl(213, 27%, 84%);
  border-top           : 1px solid hsl(213, 27%, 84%);
  display              : none;
  grid-template-columns: repeat(4, 1fr);
  align-items          : center;
  gap                  : 4rem;
  padding              : 24px 0;
}

@media screen and (min-width: 1280px) {
  .prod-proof {
    display: grid;
  }
}

.prod-proof-heureka {
  justify-self: center;
}

.prod-proof-heureka img {
  border    : none;
  max-height: 120px;
  width     : auto;
}

.prod-proof-autor {
  display       : flex;
  align-items   : center;
  flex-direction: column;
}

.prod-proof-autor img {
  width: 4rem;
}

.prod-proof-autor span {
  font-size  : 1.4rem;
  font-weight: bold;
  margin-top : 0.8rem;
}

.prod-proof-autor p {
  text-align: center;
  margin-top: 1.2rem;
  font-size : 1.3rem;
  color     : hsl(215, 16%, 47%);
}

#importByICO {
  display: none !important;
}

#ordproductscont::before {
  display: none !important;
}

#ordproductscont .stitable tbody tr:first-child {
  display: none !important;
}

#ordproductscont .stitable .orbitem,
#ordproductscont .stitable .bundle {
  display              : grid;
  grid-template-columns: 8rem 5fr 2fr 10.4rem 1fr 1fr 4.8rem;
  grid-template-areas  : "img name avail qty price total remove";
  border               : 1px solid hsl(214, 32%, 91%) !important;
  border-radius        : 0.4rem;
  align-items          : center;
  gap                  : 1.2rem;
  margin-top           : 0.8rem !important;
}

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

  #ordproductscont .stitable .orbitem,
  #ordproductscont .stitable .bundle {
    display              : grid !important;
    grid-template-columns: 6.4rem 4rem 1fr;
    padding              : 1.2rem !important;
    row-gap              : 0.8rem !important;
    grid-template-areas  : "img img img""name name name""avail avail avail""qty qty total";
  }

  #ordproductscont .stitable .orbitem .name a,
  #ordproductscont .stitable .bundle .name a {
    text-align: left !important;
    font-size : 1.4rem !important;
  }

  #ordproductscont .stitable .orbitem .stock a,
  #ordproductscont .stitable .bundle .stock a {
    width: 100% !important;
  }

  #ordproductscont .stitable .orbitem .img,
  #ordproductscont .stitable .bundle .img {
    width: 100% !important;
  }
}

#ordproductscont .stitable .orbitem>*,
#ordproductscont .stitable .bundle>* {
  border   : none !important;
  max-width: unset !important;
}

#ordproductscont .stitable .orbitem .img,
#ordproductscont .stitable .bundle .img {
  grid-area: img;
}

#ordproductscont .stitable .orbitem .img img,
#ordproductscont .stitable .bundle .img img {
  max-width : 6.4rem !important;
  max-height: 6.4rem !important;
}

#ordproductscont .stitable .orbitem .name,
#ordproductscont .stitable .bundle .name {
  grid-area  : name;
  color      : hsl(217, 33%, 17%) !important;
  font-weight: 500;
}

#ordproductscont .stitable .orbitem .name a,
#ordproductscont .stitable .bundle .name a {
  color      : hsl(217, 33%, 17%) !important;
  font-weight: 500;
  font-size  : 1.4rem !important;
}

#ordproductscont .stitable .orbitem .conparico,
#ordproductscont .stitable .orbitem .producer,
#ordproductscont .stitable .orbitem .status,
#ordproductscont .stitable .orbitem .wovat,
#ordproductscont .stitable .bundle .conparico,
#ordproductscont .stitable .bundle .producer,
#ordproductscont .stitable .bundle .status,
#ordproductscont .stitable .bundle .wovat {
  display: none;
}

#ordproductscont .stitable .orbitem .stock,
#ordproductscont .stitable .bundle .stock {
  grid-area: avail;
}

#ordproductscont .stitable .orbitem .stock .stock,
#ordproductscont .stitable .bundle .stock .stock {
  background-repeat: no-repeat;
  background-size  : 2rem;
  padding          : 0 0 0 3.2rem !important;
  display          : flex;
  align-items      : flex-end;
  gap              : 1.2rem;
  line-height      : 2rem !important;
}

#ordproductscont .stitable .orbitem .stock .stock span,
#ordproductscont .stitable .bundle .stock .stock span {
  padding-top: 0.2rem;
}

#ordproductscont .stitable .orbitem .stock .stock .detail,
#ordproductscont .stitable .orbitem .stock .stock::before,
#ordproductscont .stitable .bundle .stock .stock .detail,
#ordproductscont .stitable .bundle .stock .stock::before {
  display: none !important;
}

#ordproductscont .stitable .orbitem .stock .stock p,
#ordproductscont .stitable .bundle .stock .stock p {
  font-weight: normal !important;
  padding    : 0 !important;
}

#ordproductscont .stitable .orbitem .stock .stock.avail0,
#ordproductscont .stitable .orbitem .stock .stock.availdays,
#ordproductscont .stitable .orbitem .stock .stock.avail3,
#ordproductscont .stitable .bundle .stock .stock.avail0,
#ordproductscont .stitable .bundle .stock .stock.availdays,
#ordproductscont .stitable .bundle .stock .stock.avail3 {
  background-image: url(../img/web/icons/box-green.svg);
}

#ordproductscont .stitable .orbitem .stock .stock.avail0 span,
#ordproductscont .stitable .orbitem .stock .stock.avail0 p,
#ordproductscont .stitable .orbitem .stock .stock.availdays span,
#ordproductscont .stitable .orbitem .stock .stock.availdays p,
#ordproductscont .stitable .orbitem .stock .stock.avail3 span,
#ordproductscont .stitable .orbitem .stock .stock.avail3 p,
#ordproductscont .stitable .bundle .stock .stock.avail0 span,
#ordproductscont .stitable .bundle .stock .stock.avail0 p,
#ordproductscont .stitable .bundle .stock .stock.availdays span,
#ordproductscont .stitable .bundle .stock .stock.availdays p,
#ordproductscont .stitable .bundle .stock .stock.avail3 span,
#ordproductscont .stitable .bundle .stock .stock.avail3 p {
  color      : hsl(113, 71%, 31%);
  font-weight: 500 !important;
}

#ordproductscont .stitable .orbitem .stock .stock.no,
#ordproductscont .stitable .orbitem .stock .stock.avail31,
#ordproductscont .stitable .bundle .stock .stock.no,
#ordproductscont .stitable .bundle .stock .stock.avail31 {
  background-image: url(../img/web/icons/sad-red.svg);
}

#ordproductscont .stitable .orbitem .stock .stock.no span,
#ordproductscont .stitable .orbitem .stock .stock.avail31 span,
#ordproductscont .stitable .bundle .stock .stock.no span,
#ordproductscont .stitable .bundle .stock .stock.avail31 span {
  color      : hsl(358, 72%, 50%);
  font-weight: 500 !important;
}

#ordproductscont .stitable .orbitem .ordcount,
#ordproductscont .stitable .bundle .ordcount {
  grid-area: qty;
}

#ordproductscont .stitable .orbitem .price.wvat,
#ordproductscont .stitable .bundle .price.wvat {
  grid-area: price;
}

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

  #ordproductscont .stitable .orbitem .price.wvat,
  #ordproductscont .stitable .bundle .price.wvat {
    display: none !important;
  }
}

#ordproductscont .stitable .orbitem .price.wvat span,
#ordproductscont .stitable .bundle .price.wvat span {
  font-weight: normal;
  font-size  : 1.3rem !important;
}

#ordproductscont .stitable .orbitem .price.wvat span:after,
#ordproductscont .stitable .bundle .price.wvat span:after {
  content: "/ ks";
}

#ordproductscont .stitable .orbitem .totalprc,
#ordproductscont .stitable .bundle .totalprc {
  grid-area   : total;
  justify-self: end;
  font-weight : 500;
  font-size   : 1.4rem !important;
}

#ordproductscont .stitable .orbitem .totalprc span,
#ordproductscont .stitable .bundle .totalprc span {
  font-size  : 1.4rem !important;
  font-weight: 500;
}

#ordproductscont .stitable .orbitem .buyout,
#ordproductscont .stitable .bundle .buyout {
  grid-area: remove;
}

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

  #ordproductscont .stitable .orbitem .buyout,
  #ordproductscont .stitable .bundle .buyout {
    display: none !important;
  }
}

#ordproductscont .stitable .bundle {
  margin-top      : 0 !important;
  border-top      : 0 !important;
  background-color: hsl(210, 40%, 98%) !important;
}

#ordproductscont .stitable .bundle .stock,
#ordproductscont .stitable .bundle .price.wvat {
  visibility: hidden !important;
}

.ordbaskets .btn-apply:before {
  display: none !important;
}

.ordbaskets .buttons {
  display        : flex;
  align-items    : center;
  justify-content: space-between !important;
  width          : 100% !important;
}

.ordbaskets .buttons * {
  margin: 0 !important;
}

@media screen and (max-width: 640px) {
  .ordbaskets .buttons {
    flex-direction: column-reverse;
    gap           : 8px;
  }
}

.ordbaskets .buttons:after,
.ordbaskets .buttons:before {
  display: none !important;
}

.ordbaskets .buttons .btn-next:before,
.ordbaskets .buttons .btn-apply:before {
  display: none !important;
}

.ordbaskets .sumtab .dempaw {
  font-size: 2rem !important;
  color    : hsl(217, 33%, 17%) !important;
}

.ordbaskets .sumtab .dempaw th {
  font-weight: normal !important;
}

.ordbaskets .sumtab .dempaw .price {
  font-size: 2.9rem !important;
}

.contactCard_content_contacts a {
  font-size: 14px !important;
}

.contactCard {
  min-width: 240px;
}

.paramitem .info {
  z-index: 1000;
}


.boxcont.stinote details summary {
  display      : inline-flex;
  color        : #0588F0;
  cursor       : pointer;
  align-items  : baseline;
  border-bottom: 1px dotted #0588F0;
  max-width    : max-content;
  font-weight  : bold;
  margin-top   : 4px;
  display      : block;
}

.boxcont.stinote details summary:after {
  content    : " ▼";
  font-size  : 12px;
  margin-left: 4px;
}

.boxcont.stinote details {
  padding-bottom: 24px;
}

.boxcont.stinote details div {
  padding-top: 40px;

  @media (min-width: 1024px) {
    column-count: 2;
    column-gap  : 64px;
    column-rule : 1px solid #e1e1e1;
    display     : block;
  }
}

.boxcont.stinote details[open] summary:after {
  content: " ▲";
}

.boxcont.stinote details h2 {
  margin-bottom: 12px;
}

p+h2 {
  margin-top: 20px;
}

.boxcont.stinote details h3 {
  margin-top   : 16px;
  margin-bottom: 10px;
}

.boxcont.stinote details a {
  color          : #0588F0;
  text-decoration: underline;
  white-space    : nowrap;
}

.boxcont.stinote details p+p {
  margin-top: 8px;
}

.stoitem .stiplnote:not(:has(.pop)) {
  font-size  : 15px;
  line-height: 24px;

  * {
    float: unset;
  }

  h2 {
    font-size    : 24px;
    line-height  : 28px;
    margin-bottom: 12px;
  }

  h3 {
    font-size    : 20px;
    line-height  : 24px;
    margin-bottom: 8px;
    margin-top   : 24px;
  }

  p+p {
    margin-top: 12px;
  }

  p+h2,
  ul+h2 {
    margin-top: 36px;
  }

  ul {
    list-style-type: disc;
    padding-left   : 24px;
    padding-block  : 8px;

    li {
      margin-block: 4px;
    }
  }
}