/* MERTU.cz — tabulka rozměrů a vzhled popisu produktu
   Nahráno přes Vzhled a obsah → Správce souborů, odkaz je v záhlaví.
   Vše je scopované, na stránkách bez těchto tříd se neprojeví nic. */

/* ---------- vzhled popisu produktu ---------- */
.basic-description{font-size:16px;line-height:1.7;color:#2d2d2d}
.basic-description h2{font-size:23px;font-weight:700;color:#004047;margin:34px 0 14px;padding-bottom:9px;border-bottom:3px solid #008391}
.basic-description h3{font-size:19px;font-weight:700;color:#004047;margin:28px 0 10px}
.basic-description p{margin:0 0 12px}
.basic-description strong,.basic-description b{color:#004047;font-weight:700}
.basic-description a{color:#008391}
.basic-description ul{list-style:none;padding-left:0;margin:0 0 14px}
.basic-description ul li{position:relative;padding-left:22px;margin-bottom:8px}
.basic-description ul li:before{content:'';position:absolute;left:3px;top:10px;width:7px;height:7px;border-radius:50%;background:#008391}

/* varovný box */
.basic-description .mertu-warn{background:#fdf8e8;border-left:4px solid #d4a017;border-radius:0 8px 8px 0;padding:16px 20px;margin:22px 0}
.basic-description .mertu-warn>p{font-weight:700;color:#8a6100;margin:0 0 10px}
.basic-description .mertu-warn ul{margin:0}
.basic-description .mertu-warn li:before{background:#d4a017}

/* tabulka technických parametrů */
.basic-description .mertu-tech{width:100%;border-collapse:collapse;margin:12px 0 0;font-size:15px}
.basic-description .mertu-tech td{padding:9px 12px;border-bottom:1px solid #eef4f5;text-align:left}
.basic-description .mertu-tech tr:nth-child(even){background:#fafcfc}
.basic-description .mertu-tech td:first-child{font-weight:700;color:#004047;width:38%}

/* FAQ — jen přebarvení, mechanika rozbalování zůstává */
.basic-description .faq-item{border:1px solid #d4e8ea!important;border-radius:8px!important}
.basic-description .faq-item label{background:#f0f7f8!important;color:#004047!important;padding:13px 16px!important}
.basic-description .faq-item label:hover{background:#e3f2f3!important}

/* ---------- tabulka rozměrů ---------- */
.mertu-sizes{font-size:16px;line-height:1.6;color:#2d2d2d;margin:28px 0}
.mertu-sizes h2{font-size:22px;font-weight:700;color:#004047;margin:0 0 12px;padding-bottom:8px;border-bottom:3px solid #008391}
.mertu-sizes p{margin:0 0 10px}
.mertu-sizes .ms-note{background:#f0f7f8;border-left:4px solid #008391;border-radius:0 6px 6px 0;padding:12px 16px;font-size:15px;margin:14px 0}
.mertu-sizes .ms-wrap{position:relative;max-height:430px;overflow:hidden}
.mertu-sizes .ms-wrap.ms-open{max-height:none}
.mertu-sizes .ms-fade{position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.mertu-sizes .ms-wrap.ms-open .ms-fade{display:none}
.mertu-sizes table{width:100%;border-collapse:collapse;margin:12px 0 0;font-size:15px}
.mertu-sizes thead th{text-align:left;background:#004047;color:#fff;padding:9px 12px;font-weight:700;font-size:14px}
.mertu-sizes thead th+th{text-align:right}
.mertu-sizes tbody tr:nth-child(even){background:#fafcfc}
.mertu-sizes td{padding:8px 12px;border-bottom:1px solid #eef4f5}
.mertu-sizes td+td{text-align:right;white-space:nowrap}
.mertu-sizes tr.ms-group td{background:#f0f7f8;color:#004047;font-weight:700;font-size:14px;padding:7px 12px;text-align:left}
.mertu-sizes tbody tr.ms-group:nth-child(even){background:#f0f7f8}
.mertu-sizes tbody tr[data-vid]:hover{background:#f0f7f8;cursor:pointer}
.mertu-sizes tbody tr.ms-active{background:#e3f2f3;box-shadow:inset 3px 0 0 #008391}
.mertu-sizes td a{color:#008391;font-weight:700;text-decoration:none;border-bottom:1px solid #d4e8ea}
.mertu-sizes td a:hover{color:#004047;border-bottom-color:#004047}
.mertu-sizes .ms-cm{display:block;font-size:13px;color:#5a6b6d;font-weight:400}
.mertu-sizes .ms-price{font-weight:700;color:#004047}
.mertu-sizes .ms-ok{color:#1f7a3d;font-size:14px}
.mertu-sizes .ms-soon{color:#b06a00;font-size:14px}
.mertu-sizes .ms-more{display:block;width:100%;margin:10px 0 0;padding:11px 18px;background:#fff;color:#004047;border:1px solid #008391;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}
.mertu-sizes .ms-more:hover{background:#f0f7f8}
.mertu-sizes .ms-foot{font-size:15px;color:#5a6b6d;margin-top:14px}
.mertu-sizes .ms-foot a{color:#008391}
.mertu-sizes tr.ms-hidden{display:none}

/* ---------- modální okno s tabulkou ---------- */
.ms-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,32,36,.6);z-index:99999;display:none;align-items:flex-end;justify-content:center}
.ms-modal.ms-show{display:flex}
.ms-modal-in{background:#fff;width:100%;max-width:640px;max-height:88vh;border-radius:12px 12px 0 0;overflow:hidden;position:relative;display:flex;flex-direction:column}
.ms-modal-body{overflow:auto;padding:10px 16px 28px;-webkit-overflow-scrolling:touch}
.ms-modal-in .mertu-sizes{margin:0}
.ms-modal-in .mertu-sizes h2{margin-top:6px;padding-right:34px}
.ms-close{position:absolute;top:4px;right:8px;background:none;border:0;font-size:32px;line-height:1;color:#5a6b6d;cursor:pointer;z-index:3;padding:0 6px;font-family:inherit}
.ms-field{display:flex;align-items:center;gap:10px;width:100%;max-width:340px;margin:0 0 10px;padding:14px 16px;background:#f0f7f8;color:#004047;border:2px solid #008391;border-radius:8px;font-size:17px;font-family:inherit;cursor:pointer;text-align:left}
.ms-field:hover,.ms-field:focus{background:#e3f2f3;border-color:#004047;outline:none}
.ms-field>*{pointer-events:none}
.ms-field-val{flex:1;font-weight:700;color:#004047}
.ms-field-hint{font-weight:700;color:#004047}
.ms-field-cena{font-size:15px;font-weight:400;color:#2d2d2d}
.ms-field-arrow{flex:none;width:0;height:0;border:7px solid transparent;border-top-color:#004047;margin-top:6px}

@media(min-width:700px){
.ms-modal{align-items:center}
.ms-modal-in{border-radius:12px}
.ms-modal-body{padding-bottom:18px}
}

@media(max-width:600px){
.basic-description{font-size:15px}
.basic-description h2{font-size:20px}
.basic-description h3{font-size:17px}
.basic-description .mertu-tech td:first-child{width:45%}
.mertu-sizes table{font-size:14px}
.mertu-sizes td,.mertu-sizes thead th{padding:7px 8px}
.mertu-sizes .ms-wrap{max-height:360px}
.mertu-sizes .ms-cm{font-size:12px}
.mertu-sizes .ms-ok,.mertu-sizes .ms-soon{font-size:13px}
}

/* ---------- výběr rozměru dlaždicemi ---------- */
.ms-modal-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
.ms-modal-title{margin:0;font-size:19px;font-weight:700;color:#004047}
.ms-lbl{font-size:15px;font-weight:700;color:#004047;margin:0 0 10px}
.ms-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.ms-chip{font-family:inherit;font-size:17px;font-weight:700;line-height:1.2;min-width:56px;padding:13px 16px;border:2px solid #d4e8ea;border-radius:8px;background:#fff;color:#004047;cursor:pointer}
.ms-chip:hover{border-color:#008391;color:#004047}
.ms-chip-on{border-color:#008391;background:#f0f7f8}
.ms-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}
.ms-tile{font-family:inherit;border:2px solid #d4e8ea;border-radius:8px;padding:14px 8px;background:#fff;cursor:pointer;text-align:center;line-height:1.3}
.ms-tile:hover{border-color:#008391;background:#f0f7f8}
.ms-tile>*,.ms-chip>*{pointer-events:none}
.ms-tile-h{display:block;font-size:19px;font-weight:700;color:#004047}
.ms-tile-p{display:block;font-size:15px;color:#2d2d2d;margin-top:4px}
.ms-tile-on{border-color:#008391;background:#f0f7f8}
.ms-tile-soon{background:#fdf8e8;border-color:#f0d79a}
.ms-tile-soon .ms-tile-h,.ms-tile-soon .ms-tile-p{color:#8a6100}
.ms-pick-foot{font-size:15px;color:#2d2d2d;margin:20px 0 0}
.ms-pick-foot a{color:#008391;font-weight:700}

/* ---------- krátký popis (jen na produktech s tabulkou rozměrů) ---------- */
.ms-page .p-short-description{background:#f0f7f8;border-left:4px solid #008391;border-radius:0 8px 8px 0;padding:14px 18px;margin:14px 0}
.ms-page .p-short-description p{margin:0;line-height:1.95}
.ms-page .p-short-description span{font-size:16px!important;color:#2d2d2d!important}
.ms-page .p-short-description strong{color:#004047!important}
.ms-page .p-short-description a{color:#008391!important;font-weight:700}