@media (min-width:992px) and (max-width:1199px){
.theikos-desc .container-full-width {
max-width: 1280px;
}
}
@media (min-width:1200px) and (max-width:1439px){
.theikos-desc .container-full-width {
max-width: 1280px;
}
}

.basic-description > h4:first-of-type{
  display: none !important;
}

.theikos-desc .shp-tabs-wrapper.p-detail-tabs-wrapper > .row{
  margin: 0 auto !important;
  max-width: 1312px !important;
}
.theikos-desc .p-detail-full-width .basic-description{
  padding-right: 0px !important;
}

.theikos-desc .p-detail-full-width .extended-description > h4{
  margin-top: 60px !important;
}

.theikos-desc.one-column-body .description-inner .extended-description {
width: 100% !important;
}

.theikos-desc.one-column-body .description-inner .basic-description {
width: 100% !important;
}

.theikos-desc .p-detail-inner .p-to-cart-block .add-to-cart {
justify-content: start !important;
padding-bottom: 24px !important;
}

.theikos-desc .p-detail-inner .p-to-cart-block {
margin-bottom: 0px !important;
}

.theikos-desc .mehub-bonus-product-detail-container .card-text {
padding-left: 0px !important;
}

.theikos-desc .buttons-wrapper.social-buttons-wrapper {
  display: none !important;
}
@media (min-width: 768px) {
.theikos-desc form#product-detail-form {
  background-color: #E9F6E8 !important;
  padding-top: 2px !important;
  padding-right: 36px !important;
  padding-bottom: 6px !important;
  padding-left: 36px !important;
  border-radius: 8px !important;
  margin-bottom: 36px !important;
}

.theikos-desc .mehub-bonus-product-detail-container .card.elevation-0 {
background-color: #E9F6E8 !important;
}

.theikos-desc .p-detail-inner .p-to-cart-block .add-to-cart-button {
height: 48px !important;
font-size: 17px !important;
max-width: -webkit-fit-content;
padding: 28px;
}

.theikos-desc .quantity input {
font-size: 17px !important;
height: 58px !important;
}

.theikos-desc .quantity .decrease, .theikos-desc .quantity .increase {
height: 58px !important;
}

.theikos-desc .p-detail-inner .p-to-cart-block .quantity {
height: 58px !important;
overflow: hidden;
background-color: white !important;
}
}

@media (max-width: 767px) {
 .theikos-desc form#product-detail-form {
  background-color:  white !important;
  padding-top: 2px !important;
  padding-right: 0px !important;
  padding-bottom: 6px !important;
  padding-left: 0px !important;
  border-radius: 0px !important;
  margin-bottom: 36px !important;
}

.theikos-desc .p-detail-inner .p-to-cart-block .add-to-cart-button {
height: 50px !important;
font-size: 16px !important;
max-width: 100%;
padding: 20px;
}

.theikos-desc .quantity input {
font-size: 16px !important;
height: 50px !important;
}

.theikos-desc .quantity .decrease, .theikos-desc .quantity .increase {
height: 50px !important;
}

.theikos-desc .p-detail-inner .p-to-cart-block .quantity {
height: 50px !important;
overflow: hidden;
background-color: white !important;
}

.theikos-desc .mehub-bonus-product-detail-container .card.elevation-0 {
background-color: white !important;
}
}

.theikos-desc .detail-parameter.detail-parameter-product-code {
display: none !important;
}


.p-price-wrapper .price-final {
padding-top: 0px !important;
}
/* =========================================================
   THEIKOS – sjednocené layouty (scoped jen do .theikos-dlouhy-popis)
   ========================================================= */
.theikos-dlouhy-popis{
  --td-radius: 8px;
  --td-gap: 60px;

  --td-text-bg: #E9F6E8;

  --td-pad: 60px;
  --td-pad-touch-h: 60px;
  --td-pad-touch-v: 30px;

  width: 100%;
}

/* Mobil */
@media (max-width: 767px) {
  .theikos-dlouhy-popis {
    --td-gap: 60px;
    --td-pad: 40px;
    --td-pad-touch-h: 40px;
    --td-pad-touch-v: 30px;
    width: 100%;
  }
}

/* Menší mobily */
@media (max-width: 575px) {
  .theikos-dlouhy-popis {
    --td-gap: 32px;
    --td-pad: 32px;
    --td-pad-touch-h: 22px;
    --td-pad-touch-v: 18px;
  }

  .theikos-dlouhy-popis .td-text h2 {
    margin-bottom: 16px;
  }

  .theikos-dlouhy-popis .td-text p {
    margin-bottom: 14px;
  }
}

/* Tablet */
@media (min-width:768px) and (max-width:1199px){
.theikos-dlouhy-popis{
  --td-gap: 60px;
  --td-pad: 40px;
  --td-pad-touch-h: 40px;
  --td-pad-touch-v: 30px;

  width: 100%;
}
/* 2col: drž stejné výšky sloupců */
.theikos-dlouhy-popis .td-grid.is-2col{
  align-items: stretch;
}

/* MEDIA sloupec vyplní výšku */
.theikos-dlouhy-popis .td-grid.is-2col .td-media{
  height: 100%;
}
}
/* aby sloupce měly stejnou výšku 600px a pravý sloupec se "natáhl" */
@media (min-width:1024px){
.theikos-dlouhy-popis .td-grid.is-2col.is-text-first .td-text {
height: 600px;
}
}

/* obrázek vyplní celý sloupec = žádné zelené okolo */
.theikos-dlouhy-popis .td-grid.is-2col .td-media{
  height: 100%;
}

/* mezery mezi sekcemi */
.theikos-dlouhy-popis .td-block{
  margin: 0 0 var(--td-gap) 0;
}
.theikos-dlouhy-popis .td-block:last-child{
  margin-bottom: 0;
}

/* RADIUS + OVERFLOW je na wrapperu bloku */
.theikos-dlouhy-popis .td-block{
  border-radius: var(--td-radius);
  overflow: hidden;
background-color: var(--td-text-bg);
}

/* =========================
   OBRÁZKY – základ
   ========================= */

/* IMG vyplní celý sloupec a ořízne se */
.theikos-dlouhy-popis .td-grid.is-2col .td-media .td-img{
  width: 100%;
  height: 100%;
max-height: 600px;
  object-fit: cover;       /* crop */
  object-position: top; /* můžeš změnit třeba na top/right */
  display: block;
}

@media (max-width:991px){
.theikos-dlouhy-popis .td-grid.is-2col .td-media .td-img {
max-height: 500px;
object-fit: cover;
object-position: center;
}
}

/* zelené textové plochy (bez radius, ať se nezaoblí vnitřní rohy) */
.theikos-dlouhy-popis .td-bg{
  background: var(--td-text-bg);
  border-radius: 0;
}
.theikos-dlouhy-popis .td-block{
  background-color: var(--td-text-bg);
}

.theikos-dlouhy-popis .td-text.td-bg{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; /* vertikálně (v rámci sloupce) */
  align-content: center !important;   /* u flexu má význam hlavně při wrap; nechávám jak chceš */
}
/* text */
.theikos-dlouhy-popis .td-text{
  padding: var(--td-pad);
}
.theikos-dlouhy-popis .td-text h2{
  margin: 0 0 24px 0;
}
.theikos-dlouhy-popis .td-text p{
  margin: 0 0 22px 0;
}
.theikos-dlouhy-popis .td-text p:last-child{
  margin-bottom: 0;
}
.theikos-dlouhy-popis .td-text-center{
  text-align: center;
max-width: 900px;
margin: auto;
}

/* =========================
   Sjednocený GRID základ
   ========================= */
.theikos-dlouhy-popis .td-grid{
  display: grid;
  align-items: stretch;
background-color: var(--td-text-bg);
}
.theikos-dlouhy-popis .td-grid.is-2col{
  grid-template-columns: 1fr 1fr;
background-color: var(--td-text-bg);
}
.theikos-dlouhy-popis .td-grid.is-1col{
  grid-template-columns: 1fr;
background-color: var(--td-text-bg);
}

/* pořadí */
.theikos-dlouhy-popis .td-grid.is-media-first .td-media{ order: 1; }
.theikos-dlouhy-popis .td-grid.is-media-first .td-text{  order: 2; }
.theikos-dlouhy-popis .td-grid.is-text-first .td-text{  order: 1; }
.theikos-dlouhy-popis .td-grid.is-text-first .td-media{ order: 2; }

.theikos-dlouhy-popis .td-media{
  min-height: auto;
}

/* touch padding */
.theikos-dlouhy-popis .td-grid.is-2col.is-text-first .td-text{
  padding-right: var(--td-pad-touch-h);
}
.theikos-dlouhy-popis .td-grid.is-2col.is-media-first .td-text{
  padding-left: var(--td-pad-touch-h);
}
.theikos-dlouhy-popis .td-grid.is-1col.is-text-first .td-text{
  padding-bottom: var(--td-pad-touch-v);
}
.theikos-dlouhy-popis .td-grid.is-1col.is-media-first .td-text{
  padding-top: var(--td-pad-touch-v);
}

/* =========================
   HERO – žádný overlay přes fotku
   Fotka je celá, text je normálně POD ní
   ========================= */
.theikos-dlouhy-popis .td-hero-overlay.td-bg{
  padding: var(--td-pad);
  padding-top: var(--td-pad-touch-v); /* “vertikální přiléhání” k fotce */
background: var(--td-text-bg);
}

/* =========================
   Mobil – 2col spadne do 1col
   ========================= */
@media (max-width: 991px){
  .theikos-dlouhy-popis .td-grid.is-2col{
    grid-template-columns: 1fr;
  }

  .theikos-dlouhy-popis .td-grid.is-2col.is-text-first .td-text,
  .theikos-dlouhy-popis .td-grid.is-2col.is-media-first .td-text{
    padding-left: var(--td-pad);
    padding-right: var(--td-pad);
  }
}


