/* DT Product Style 2.1, TYPO-174 selected refined design, rollout by opt-in, 3. 11. 2026.
 * Jedina reference nahrazuje Product Style 2.0; puvodni hodnoty ostatnich karet zachovany.
 * Historicky kompaktni pilot zustava omezen na tri ID; novy styl vyzaduje --refined.
 */

.type-detail {
  --dtp-teal: #008ca3;
  --dtp-pink: #cc4c85;
  --dtp-link: #9f3464;
  --dtp-divider: #e4e7e8;
}

.type-detail .p-short-description > :is(p, ul:where([data-dt-typo="169"], .dt-product-summary--refined)).dt-product-summary {
  display: block;
  margin: 0;
  font-family: inherit;
  font-size: var(--dtp-body-size, 16px);
  font-weight: 400;
  line-height: var(--dtp-leading, 1.8);
  color: var(--dtp-text-color, inherit);
}

.type-detail .p-short-description > :is(p, ul:where([data-dt-typo="169"], .dt-product-summary--refined)).dt-product-summary + p.vice-info {
  display: block;
  margin: 8px 0 0;
}

.type-detail .p-short-description > :is(p, ul:where([data-dt-typo="169"], .dt-product-summary--refined)).dt-product-summary strong {
  font-weight: var(--dtp-emphasis-weight, 700);
  color: var(--dtp-emphasis-color, inherit);
}

.type-detail .p-short-description > :is(p, ul:where([data-dt-typo="169"], .dt-product-summary--refined)).dt-product-summary + p.vice-info a {
  color: var(--dtp-link);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.type-detail #description .basic-description .dt-product {
  font-family: inherit;
  font-size: var(--dtp-body-size, 16px);
  font-weight: 400;
  line-height: var(--dtp-leading, 1.8);
  color: var(--dtp-text-color, inherit);
  max-width: 100%;
}

.type-detail #description .basic-description .dt-product p,
.type-detail #description .basic-description .dt-product ul,
.type-detail #description .basic-description .dt-product ol {
  margin: 0 0 var(--dtp-block-space, 16px);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.type-detail #description .basic-description .dt-product ul,
.type-detail #description .basic-description .dt-product ol {
  padding-left: 24px;
}

.type-detail #description .basic-description .dt-product li {
  margin: 0 0 var(--dtp-item-space, 4px);
  font-size: inherit;
  line-height: inherit;
}

.type-detail #description .basic-description .dt-product strong {
  font-weight: var(--dtp-emphasis-weight, 700);
  color: var(--dtp-emphasis-color, inherit);
}

.type-detail #description .basic-description .dt-product h3.dt-section-title {
  margin: var(--dtp-title-space, 24px 0 10px);
  padding: 0;
  font-family: inherit;
  font-size: var(--dtp-title-size, 24px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: normal;
  text-transform: none;
}

.type-detail #description .basic-description .dt-product .dt-section-title--benefits,
.type-detail #description .basic-description .dt-product .dt-section-title--usage,
.type-detail #description .basic-description .dt-product .dt-section-title--safety,
.type-detail #description .basic-description .dt-product .dt-section-title--resources {
  color: var(--dtp-teal);
}

.type-detail #description .basic-description .dt-product .dt-section-title--parameters,
.type-detail #description .basic-description .dt-product .dt-section-title--variants,
.type-detail #description .basic-description .dt-product .dt-section-title--packaging {
  color: var(--dtp-pink);
}

.type-detail #description .basic-description .dt-product a,
.type-detail #description .basic-description .dt-product a:visited,
.type-detail #description .basic-description .dt-product a:hover,
.type-detail #description .basic-description .dt-product a:focus {
  color: var(--dtp-link);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  overflow-wrap: anywhere;
}

.type-detail #description .basic-description .dt-product a:hover,
.type-detail .p-short-description > :is(p, ul:where([data-dt-typo="169"], .dt-product-summary--refined)).dt-product-summary + p.vice-info a:hover {
  text-decoration-thickness: 2px;
}

.type-detail #description .basic-description .dt-product hr {
  height: 0;
  margin: 24px 0 0;
  border: 0;
  border-top: 1px solid var(--dtp-divider);
}

.type-detail #description .basic-description .dt-product ul.dt-documents {
  padding-left: 0;
  list-style: none;
}

.type-detail #description .basic-description .dt-product .dt-documents li {
  margin: 0 0 12px;
}

.type-detail #description .basic-description .dt-product .dt-document-meta {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: inherit;
}

.type-detail #description .basic-description .dt-product table.dt-product-parameters {
  width: 100%;
  max-width: 100%;
  margin: 0 0 var(--dtp-block-space, 16px);
  border-collapse: collapse;
  table-layout: auto;
  font-size: inherit;
  line-height: inherit;
}

.type-detail #description .basic-description .dt-product .dt-product-parameters th,
.type-detail #description .basic-description .dt-product .dt-product-parameters td {
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid var(--dtp-divider);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.type-detail #description .basic-description .dt-product .dt-product-parameters th {
  font-weight: 700;
}

/* Krátká hodnota s jednotkou musí zůstat pohromadě i v úzké tabulce. */
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) #description .basic-description .dt-product .dt-nowrap {
  white-space: nowrap;
}

.type-detail #description .basic-description .dt-product .dt-table-scroll {
  max-width: 100%;
  overflow-x: auto;
}

.type-detail #description .basic-description .dt-product img {
  max-width: 100%;
  height: auto;
}

.type-detail #description .basic-description .dt-product > :last-child {
  margin-bottom: 0;
}

/* TYPO-169: schválený pilot pouze pro 88043, 91130 a 112887. */

.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .dt-product--compact { --dtp-body-size: 15px; }
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .dt-product-summary--compact { --dtp-body-size: 14px; }
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .dt-product--compact,
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .dt-product-summary--compact {
  --dtp-leading: 1.5;
  --dtp-block-space: 10px;
  --dtp-item-space: 3px;
  --dtp-title-size: 19px;
  --dtp-title-space: 18px 0 7px;
}
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .p-short-description > ul.dt-product-summary {
  padding-left: 18px;
  list-style: disc;
}
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .p-short-description > ul.dt-product-summary > li {
  margin: 0 0 var(--dtp-item-space, 4px);
  padding: 0;
  font: inherit;
}
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .p-short-description > ul.dt-product-summary > li:last-child { margin-bottom: 0; }
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .p-short-description > ul.dt-product-summary > li::marker { color: var(--dtp-teal); }
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .p-short-description:has(> .dt-product-summary--compact) {
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) #description .basic-description:has(> .dt-product--compact) > h3.popis-nadpis {
  font-size: 19px;
  line-height: 1.35;
  margin: 0 0 12px;
}
@media (min-width: 768px) {
  .type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) .dt-product--compact { --dtp-title-size: 21px; }
  .type-detail:where(:has(#product-detail-form > meta[itemprop="productID"]:is([content="88043"], [content="91130"], [content="112887"]))) #description .basic-description:has(> .dt-product--compact) > h3.popis-nadpis { font-size: 21px; }
}

/* TYPO-174: jemné doladění; explicitní opt-in, součást jediného stylesheetu. */
.type-detail .dt-product-summary--refined {
  --dtp-body-size: 14px;
  --dtp-leading: 1.55;
  --dtp-item-space: 4px;
  --dtp-text-color: #5b626a;
  --dtp-emphasis-weight: 400;
  --dtp-emphasis-color: #20252b;
}
.type-detail .dt-product--refined {
  --dtp-body-size: 15px;
  --dtp-leading: 1.55;
  --dtp-block-space: 12px;
  --dtp-item-space: 5px;
  --dtp-title-size: 24px;
  --dtp-title-space: 22px 0 10px;
  --dtp-text-color: #42484f;
  --dtp-emphasis-weight: 400;
  --dtp-emphasis-color: #20252b;
}
.type-detail .dt-product-summary--refined .dt-keyfact,
.type-detail #description .basic-description .dt-product--refined .dt-keyfact {
  color: #20252b;
  font-weight: 400;
}
.type-detail #description .basic-description .dt-product--refined h3.dt-section-title {
  font-weight: 400;
  padding: 0 0 8px;
  border-bottom: 1px solid var(--dtp-divider);
}
.type-detail #description .basic-description .dt-product--refined hr + h3.dt-section-title {
  margin-top: 14px;
  padding-bottom: 0;
  border-bottom: 0;
}
.type-detail #description .basic-description .dt-product--refined .dt-product-parameters th,
.type-detail #description .basic-description .dt-product--refined .dt-nowrap {
  color: #20252b;
  font-weight: 400;
}
.type-detail #description .basic-description .dt-product--refined .dt-documents li {
  margin-bottom: 8px;
}
.type-detail #description .basic-description .dt-product--refined .dt-professional-note {
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px solid var(--dtp-divider);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 400;
  color: #686f77;
}
.type-detail #description .basic-description .dt-product--refined .dt-figure-caption {
  font-size: 13px;
  line-height: 1.55;
  color: #686f77;
}

/* Reusable list geometry, limited to reviewed content with explicit opt-in. */
.type-detail .p-short-description > ul.dt-product-summary--refined {
  padding-left: 18px;
  list-style: disc;
}
.type-detail .p-short-description > ul.dt-product-summary--refined > li {
  margin: 0 0 var(--dtp-item-space, 4px);
  padding: 0;
  font: inherit;
}
.type-detail .p-short-description > ul.dt-product-summary--refined > li:last-child { margin-bottom: 0; }
.type-detail .p-short-description > ul.dt-product-summary--refined > li::marker { color: var(--dtp-teal); }
.type-detail .p-short-description:has(> .dt-product-summary--refined) { padding-bottom: 12px; margin-bottom: 16px; }
.type-detail #description .basic-description .dt-product--refined .dt-nowrap { white-space: nowrap; }