.product-description{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.55;
  color:#222;
  font-size:16px;
}
@media (max-width:600px){
  .product-description{ font-size:17px; line-height:1.6; }
}

.product-description h2,.product-description h3{
  margin:1.2em 0 0.5em;
  line-height:1.2;
}
.product-description p{ margin:0.6em 0; }
.product-description ul,.product-description ol{ margin:0.6em 0 0.6em 1.2em; }

.product-description .desc-bg{
  width:100%;
  display:block;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  margin:14px 0;
  min-height:220px;
}
@media (min-width:900px){
  .product-description .desc-bg{ min-height:320px; }
}

/* Ikony (icondetail) – flex řádek */
.product-description .desc-icon-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  margin:12px 0;
  align-items:flex-start;
}
.product-description .desc-icon-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  width:240px;
  min-height:44px;
}
.product-description .desc-icon{
  width:44px;
  height:44px;
  flex:0 0 44px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}
.product-description .desc-icon-text{
  font-size:14px;
  line-height:1.25;
}
.product-description .desc-icon-subtext{
  margin-top:2px;
  font-size:13px;
  line-height:1.25;
  color:#444;
}
@media (max-width:600px){
  .product-description .desc-icon-text{ font-size:15px; }
  .product-description .desc-icon-subtext{ font-size:14px; }
}

.product-description .desc-icon.desc-icon--1{
 background-image: url("../images/stredni.jpg");
}

.product-description .desc-icon.desc-icon--2{
 background-image: url("../images/17_cm.jpg");
}

.product-description .desc-icon.desc-icon--3{
 background-image: url("../images/do_90_kg.jpg");
}

.product-description .desc-icon.desc-icon--4{
 background-image: url("../images/rost_pevna_podlozka.jpg");
}

.product-description .desc-icon.desc-icon--5{
 background-image: url("../images/simalfa.jpg");
}

.product-description .desc-bg.desc-bg--1{
 background-image: url("../images/matrace-paola.jpg");
}

.product-description .desc-bg.desc-bg--2{
 background-image: url("../images/matrace-paola_2.jpg");
}
#medico {padding: 2px;
        
       }

#medico p {font-size: 14px;
          padding: 5px;
           margin: 10px;}
#medico h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#medicoobr {float: left;
background: transparent top left url(../images/potah-mpo-medico-detail.jpg) no-repeat;
           height: 170px;
           width: 335px;
           max-width: 33%;
margin: 10px;}
#easyclean {padding: 2px;
      
       }

#easyclean p {font-size: 14px;
          padding: 5px;
           margin: 10px;}
#easyclean h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#easycleanobr {float: left;

  background: transparent top left url(../images/potah-mpo-easyclean-detail.jpg) no-repeat; 
width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#mpoaloevera {padding: 2px;
        
       }

#mpoaloevera p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#mpoaloevera h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#aloeveraobr {float: left;
background: transparent top left url(../images/potah-mpo-aloevera-detail.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#bamboo {padding: 2px;
        
       }

#bamboo p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#bamboo h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#bambooobr {float: left;
background: transparent top left url(../images/potah-mpo-bamboo-detail.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#silveractive {padding: 2px;
        
       }

#silveractive p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#silveractive h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#silveractiveobr {float: left;
background: transparent top left url(../images/potah-mpo-silver-detail.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#zdravotnipotah {padding: 2px;
        
       }

#zdravotnipotah p {font-size: 14px;
          padding: 5px;
           margin: 0;}
#zdravotnipotah h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#zdravotnipotahobr {float: left;
background: transparent top left url(../images/css_mpo_zdravotnipotah.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#nebavlna_mpo_potah {padding: 2px;
        
       }

.nadpis_hl_mpo {font-size: 15px;
           padding: 7px;
           margin: 0;}

.text_nebavlnah_pr {font-size: 14px;
           padding: 5px;
           margin: 0;}

#nebavlnaobr {float: left;
background: transparent top left url(../images/css_mpo_nebavlna.jpg) no-repeat;
           width: 335px;
max-width: 33%;
           height: 170px;
           margin: 10px;}
#mpovyrobce {padding: 2px 10px 100px 160px;
        background: transparent top left url(../images/vyrobcempo.jpg) no-repeat;
       }
#mpovyrobce h3 {font-size: 16px;
           padding: 7px;
           margin: 0;}
#mpovyrobceobr {float: left;
           height: 160px;}
#mpovyrobce p {font-size: 14px;
          padding: 5px;
           margin: 0;}


#mpovyroba {padding: 2px 200px 100px 2px;
        background: transparent top right url(../images/mpovyroba.jpg) no-repeat;
       }
#mpovyroba h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#mpovyrobaobr {float: right;
           height: 160px;}
#mpovyroba p {font-size: 14px;
          padding: 5px;
           margin: 0;}


#mpoeco {padding: 2px 10px 100px 160px;
        background: transparent top left url(../images/mpoeco.jpg) no-repeat;
       }
#mpoeco h3 {font-size: 15px;
           padding: 7px;
           margin: 0;}
#mpoecoobr {float: left;
           height: 183px;}
#mpoeco p {font-size: 14px;
          padding: 5px;
           margin: 0;}
