.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: 400px; }
}

/* Ikony vlastností – flex řádek */
.product-description .desc-icon-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 12px 0 18px;
  align-items: flex-start;
}
.product-description .desc-icon-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 220px;
  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;
}

.product-description .desc-firmness { margin-top: 1em; }

@media (max-width: 600px) {
  .product-description .desc-icon-item { width: 100%; }
  .product-description .desc-icon-text { font-size: 15px; }
  .product-description .desc-icon-subtext { font-size: 14px; }
}

.product-description .desc-bg.desc-bg--1 {
  background-image: url("../images/drevocal_panama_schema.jpg");
}
#potahlevandule {padding: 2px;
        
       }


#levanduleobr {float: left;
           background: transparent top left url(../images/css_drevpoth_levandule.jpg) no-repeat;
           background-size: 150px;
           height: 150px;
           width: 150px;
           margin-right: 10px;
}


#levandule {
float: left;
font-size: 15px;
           padding: 0px;
           margin: 0px;}
#medicott {padding: 2px;
       
       }

#medicottobr {float: left;
 background: transparent top left url(../images/css_drevopoth_medicott.jpg) no-repeat;
           background-size: 150px;
           height: 150px;
           width: 150px;
           margin-right: 10px;          
}





#medicott h3 {float: left;
font-size: 15px;
           padding: 0px;
           margin: 0px;}
#lyocell {padding: 2px;

       }

#lyocell h3 {float: left;
           font-size: 15px;
           padding: 0px;
           margin: 0px;}


#lyocellobr {float: left;
           background: transparent top left url(../images/css_drevpoth_lyocell.jpg) no-repeat;
           background-size: 150px;
           height: 150px;
           width: 150px;
           margin-right: 10px;          
}
#silverguard {padding: 2px;
       
       }

#silverguard h3  {float: left;
           font-size: 15px;
           padding: 0px;
           margin: 0px;}
#silverguardobr {float: left;
          background: transparent top left url(../images/css_drevpoth_silverguard.jpg) no-repeat;
           background-size: 150px;
           height: 150px;
           width: 150px;
           margin-right: 10px;          
}
#aloevera {padding: 2px;
        
       }


#aloevera h3 {float: left;
           font-size: 15px;
           padding: 0px;
           margin: 0px;}
#aloeobr {float: left;
          background: transparent top left url(../images/css_drevpothl_alloevera.jpg) no-repeat;
           background-size: 150px;
           height: 150px;
           width: 150px;
           margin-right: 10px;          
}
#potahupletdrev {padding: 2px;}

#potahupletdrev h3 {float: left;
           font-size: 15px;
		padding: 0px;
		margin: 0px; }

#upletobrdrev {background: transparent url(../images/css_drevocall_uplett.jpg) top left no-repeat;
float: left;
background-size: 150px;
margin-right: 10px;
width: 150px;
height: 150px;
}
#zaruka_3 {
        background: transparent url(../images/drevocal_zaruka_3.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#zony_7 {
        background: transparent url(../images/drevocal_zony_7.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#nosnost_130 {
        background: transparent url(../images/drevocal_nosnost_130.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#potah_zip {
        background: transparent url(../images/drevocal_snimatelny_potah.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#pratelnost_60 {
        background: transparent url(../images/drevocal_pratelnost_60.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#panterfoam_dervocal {
        background: transparent url(../images/drevocal_panterfoam.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#medifoam_dervocal {
        background: transparent url(../images/drevocal_medifoam.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#ecolepidlo_dervocal {
        background: transparent url(../images/drevocal_eco_lepeni.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#tvrdost_2_drevocal {
        background: transparent url(../images/drevocal_tvrdost_2_new.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#tvrdost_3_drevocal {
        background: transparent url(../images/drevocal_tvrdost_3_new.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#am_drevocal {
        background: transparent url(../images/antibakterial_drevocal_atribut.jpg) top left no-repeat;
        padding: 0px 0px 0px 0px;
        height: 100px;
        width: 100px;
        float: left;
        margin: 2px;
       }
#stone {padding:2px;
        
       }

#stone h3 {float: left;
           font-size: 15px;
           padding: 0px;
           margin: 0px;}
#stoneobr {float: left;
          background: transparent top left url(../images/css_drevocal_stone.jpg) no-repeat;
           background-size: 150px;
           height: 150px;
           width: 150px;
           margin-right: 10px;          
}
#logo_drevocalframe {margin-left: auto;
margin-right: auto;
width: 500px;
max-width: 100%;
}
#logo_drevocalobr {
        background: transparent url(../images/logo_drevocal.png) bottom center no-repeat;
        background-size: contain;
        padding: 50% 0px 0px 0px;
        height: 1px;
		}