/*
  product-description.css
  Defaultni styly pro produktove popisy z exportu produkt_css.xlsx.
  Zdroj: nejcastejsi CSS pravidla z inline <style> bloku.
  Prah pro zarazeni: alespon 20% produktu se stylem.

  Nasazeni ve Shoptetu:
  <link href="/user/documents/product-description.css" rel="stylesheet" />

  Pravidlo pro budouci udrzbu:
  - do popisu produktu patri jen HTML s tridami .bm-*
  - nove vzhledove rozdily resit modifier tridou, ne inline <style>
*/


/* Zakladni pravidla
   ----------------- */

/* Doplnkove bloky
   --------------- */
/* 560 produktu, 34.0% */
.bm-category-button {
  display: inline-block;
  padding: 12px 28px;
  border: 1px solid #2b2b2b;
  background: transparent;
  color: #2b2b2b;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: all 0.25s ease;
}

/* 560 produktu, 34.0% */
.bm-category-button-wrap {
  margin: 20px 0 10px;
}

/* 560 produktu, 34.0% */
.bm-category-button:hover {
  background: #2b2b2b;
  color: #fff;
}

/* 341 produktu, 20.7% */
.bm-collection-quote {
  position: relative;
  margin: 0 0 22px;
  padding: 18px 22px 18px 32px;
  border-left: 2px solid #e0c1cd;
  border-radius: 6px;
  overflow: visible;
}

/* 341 produktu, 20.7% */
.bm-collection-quote p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
}

/* 341 produktu, 20.7% */
.bm-collection-quote span {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  color: #666;
  font-style: italic;
}

/* 341 produktu, 20.7% */
.bm-collection-quote::before {
  content: "“" !important;
  position: absolute;
  left: 8px;
  top: -4px;
  display: block;
  font-size: 34px;
  line-height: 1;
  color: #e0c1cd;
  font-family: Georgia,serif;
  opacity: 0.8;
  z-index: 1;
  pointer-events: none;
}


/* Informacni seznamy
   ------------------ */
/* 1647 produktu, 100.0% */
.bm-info-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 1647 produktu, 100.0% */
.bm-info-list li:last-child {
  border-bottom: none;
}

/* 1638 produktu, 99.5% */
.bm-info-list li {
  padding: 12px 0;
  border-bottom: 1px solid #efeae5;
}

/* 793 produktu, 48.1% */
.bm-label {
  display: inline-block;
  min-width: 140px;
  font-weight: 700;
  color: #272727;
}


/* Layout a typografie
   ------------------- */
/* 1647 produktu, 100.0% */
.bm-card {
  background: #ffffff;
  border: 1px solid #e8e3de;
  border-radius: 18px;
  padding: 28px;
  margin-bottom: 24px;
}

/* 1647 produktu, 100.0% */
.bm-product-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px 40px;
  font-family: Arial,Helvetica,sans-serif;
  color: #1f1f1f;
  line-height: 1.65;
  box-sizing: border-box;
}

/* 1647 produktu, 100.0% */
.bm-product-wrap * {
  box-sizing: border-box;
}

/* 1643 produktu, 99.8% */
.bm-text p:last-child {
  margin-bottom: 0;
}

/* 1642 produktu, 99.7% */
.bm-benefit-new-text p {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #4a4a4a;
}

/* 1639 produktu, 99.5% */
.bm-text p {
  margin: 0 0 14px;
}

/* 1638 produktu, 99.5% */
.bm-benefit-new-text {
  flex: 1 1 auto;
  min-width: 0;
}

/* 1602 produktu, 97.3% */
.bm-benefit-new-text h2 {
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #223142;
}

/* 1407 produktu, 85.4% */
.bm-title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0 0 18px;
  line-height: 1.2;
  color: #e0c1cd;
}

/* 921 produktu, 55.9% */
.bm-intro-box {
  background: #f3ebf0;
  border: 1px solid #ebe2da;
  border-radius: 18px;
  padding: 22px 24px;
  margin-bottom: 24px;
}

/* 751 produktu, 45.6% */
.bm-intro-box p {
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: #5f5a57;
}


/* Material a pomocne bloky
   ------------------------ */
/* 1646 produktu, 99.9% */
.bm-help-grid {
  grid-template-columns: 1fr 320px;
}

/* 1646 produktu, 99.9% */
.bm-help-links {
  margin: 14px 0 0;
  padding-left: 22px;
}

/* 1646 produktu, 99.9% */
.bm-help-links li {
  margin-bottom: 8px;
}

/* 1643 produktu, 99.8% */
.bm-help-links a {
  color: #223142;
  text-decoration: underline;
}

/* 1637 produktu, 99.4% */
.bm-material-grid, .bm-help-grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 28px;
  align-items: center;
}

/* 1634 produktu, 99.2% */
.bm-material-image img, .bm-help-image img {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* 1630 produktu, 99.0% */
.bm-help-image img {
  margin-left: auto;
}

/* 1630 produktu, 99.0% */
.bm-material-image img {
  margin-right: auto;
}


/* Ostatni
   ------- */
/* 1646 produktu, 99.9% */
.bm-small-note {
  margin-top: 12px;
  font-size: 13px;
  color: #555;
  font-style: italic;
}

/* 1611 produktu, 97.8% */
.bm-soft-box {
  background: #f3ebf0;
}


/* Velikostni tabulky
   ------------------ */
/* 1641 produktu, 99.6% */
.bm-size-table tr:last-child td {
  border-bottom: none;
}

/* 1594 produktu, 96.8% */
.bm-size-table th:first-child {
  background: #f9eff2;
  z-index: 3;
}

/* 1575 produktu, 95.6% */
.bm-size-table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 16px;
  border: 1px solid #f9eff2;
  border-radius: 12px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

/* 1568 produktu, 95.2% */
.bm-size-table th {
  background: #f9eff2;
  font-weight: 700;
  color: #223142;
}

/* 1547 produktu, 93.9% */
.bm-size-table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  background: #fff;
}

/* 1414 produktu, 85.9% */
.bm-size-table th, .bm-size-table td {
  padding: 12px 14px;
  text-align: center;
  border-bottom: 1px solid #efeae5;
  font-size: 14px;
  white-space: nowrap;
}

/* 1356 produktu, 82.3% */
.bm-size-table th:first-child, .bm-size-table td:first-child {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
}

/* 1326 produktu, 80.5% */
.bm-size-info p {
  margin: 6px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
}

/* 1305 produktu, 79.2% */
.bm-size-info strong {
  color: #000;
  font-weight: 700;
}

/* 1263 produktu, 76.7% */
.bm-size-info {
  max-width: 100%;
  width: 100%;
  margin: 20px 0 8px;
  padding: 16px 18px;
  background: #f3ebf0;
  border: 1px solid #efe4e8;
  border-radius: 12px;
}

/* 609 produktu, 37.0% */
.bm-size-simple p {
  margin: 4px 0;
  font-size: 16px;
}

/* 608 produktu, 36.9% */
.bm-size-simple {
  text-align: center;
  margin: 18px 0 8px;
  line-height: 1.8;
  color: #4b4b4b;
}

/* 608 produktu, 36.9% */
.bm-size-simple strong {
  color: #000;
  font-weight: 600;
}


/* Vyhody produktu
   --------------- */
/* 1646 produktu, 99.9% */
.bm-benefit-new-icon {
  flex: 0 0 86px;
}

/* 1642 produktu, 99.7% */
.bm-benefit-new-icon img {
  display: block;
  width: 86px;
  height: 86px;
  object-fit: contain;
}

/* 1638 produktu, 99.5% */
.bm-benefit-new-item {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

/* 1617 produktu, 98.2% */
.bm-benefits-new {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 28px;
  align-items: start;
}


@media (max-width: 900px) {

  /* Layout a typografie */
  /* 1647 produktu, 100.0% */
  .bm-card {
    padding: 22px 18px;
  }

  /* 1644 produktu, 99.8% */
  .bm-title {
    font-size: 20px;
  }


  /* Material a pomocne bloky */
  /* 1638 produktu, 99.5% */
  .bm-material-grid, .bm-help-grid, .bm-benefits-new {
    grid-template-columns: 1fr;
  }

  /* 1635 produktu, 99.3% */
  .bm-help-image, .bm-material-image {
    order: -1;
  }

  /* 1630 produktu, 99.0% */
  .bm-material-image img, .bm-help-image img {
    max-width: 240px;
    margin-left: 0;
    margin-right: 0;
  }


  /* Vyhody produktu */
  /* 1638 produktu, 99.5% */
  .bm-benefit-new-item {
    align-items: flex-start;
  }


@media (max-width: 560px) {

  /* Doplnkove bloky */
  /* 341 produktu, 20.7% */
  .bm-collection-quote {
    padding: 14px 14px 14px 24px;
  }

  /* 341 produktu, 20.7% */
  .bm-collection-quote p {
    font-size: 15px;
  }

  /* 341 produktu, 20.7% */
  .bm-collection-quote span {
    font-size: 13px;
  }

  /* 341 produktu, 20.7% */
  .bm-collection-quote::before {
    font-size: 28px;
    left: 6px;
    top: -2px;
  }

  /* 340 produktu, 20.6% */
  .bm-category-button {
    width: 100%;
    max-width: 320px;
    padding: 12px 16px;
    font-size: 14px;
  }

  /* 340 produktu, 20.6% */
  .bm-category-button-wrap {
    margin: 16px 0 4px;
    text-align: center;
  }


  /* Informacni seznamy */
  /* 1402 produktu, 85.1% */
  .bm-label {
    display: block;
    min-width: auto;
    margin-bottom: 4px;
  }


  /* Layout a typografie */
  /* 1400 produktu, 85.0% */
  .bm-product-wrap {
    padding: 16px 12px 28px;
  }

  /* 1399 produktu, 84.9% */
  .bm-title {
    font-size: 18px;
    margin-bottom: 14px;
  }

  /* 1398 produktu, 84.9% */
  .bm-benefit-new-text h2 {
    font-size: 11px;
  }

  /* 1398 produktu, 84.9% */
  .bm-benefit-new-text p {
    font-size: 12px;
  }

  /* 681 produktu, 41.3% */
  .bm-intro-box {
    padding: 18px 16px;
    border-radius: 14px;
  }

  /* 681 produktu, 41.3% */
  .bm-intro-box p {
    font-size: 15px;
    line-height: 1.55;
  }


  /* Material a pomocne bloky */
  /* 1398 produktu, 84.9% */
  .bm-help-links {
    display: inline-block;
    text-align: left;
    margin: 14px auto 0;
    padding-left: 20px;
  }

  /* 1398 produktu, 84.9% */
  .bm-material-content, .bm-help-content {
    text-align: center;
  }

  /* 1391 produktu, 84.5% */
  .bm-material-grid, .bm-help-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  /* 1390 produktu, 84.4% */
  .bm-material-image img, .bm-help-image img {
    margin: 0 auto;
  }

  /* 1390 produktu, 84.4% */
  .bm-material-image, .bm-help-image {
    order: -1;
    text-align: center;
  }


  /* Velikostni tabulky */
  /* 1326 produktu, 80.5% */
  .bm-size-info p {
    font-size: 15px;
  }

  /* 1264 produktu, 76.8% */
  .bm-size-info {
    max-width: 100%;
    padding: 14px 14px;
    text-align: left;
  }

  /* 566 produktu, 34.4% */
  .bm-size-table {
    min-width: 640px;
  }

  /* 549 produktu, 33.3% */
  .bm-size-table th, .bm-size-table td {
    padding: 6px 6px;
    font-size: 13px;
  }

  /* 340 produktu, 20.6% */
  .bm-size-table th:first-child, .bm-size-table td:first-child {
    width: 1%;
    min-width: unset;
    max-width: none;
    padding-right: 4px;
    white-space: nowrap;
    line-height: 1.2;
  }


  /* Vyhody produktu */
  /* 1406 produktu, 85.4% */
  .bm-benefit-new-icon {
    flex: 0 0 72px;
  }

  /* 1403 produktu, 85.2% */
  .bm-benefit-new-icon img {
    width: 72px;
    height: 72px;
  }

}

/*
  Nezarazene konfliktni varianty:
  Tyto selektory existuji ve vice variantach. Default CSS pouziva nejcastejsi variantu.
  Pokud je nektery rozdil zamer, vytvor pro nej modifier, napr. .bm-template-shirt nebo .bm-theme-dark.
  - global | .bm-size-table th:first-child, .bm-size-table td:first-child | 1027 produktu | text-align: left
  - global | .bm-label | 609 produktu | display: inline-block; min-width: 140px; font-weight: 700; color: #1f1f1f
  - @media (max-width: 560px) | .bm-size-table | 496 produktu | min-width: 480px; width: max-content
  - global | .bm-size-table th:first-child, .bm-size-table td:first-child | 341 produktu | text-align: left; width: 250px; white-space: normal; line-height: 1.3
*/

/* Shoptet hardening overrides
   Tyto selektory jsou zamerne na konci a s vyssi prioritou.
   Chrani produktovy popis pred obecnymi styly sablony pro tabulky a obrazky. */
.bm-product-wrap {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.65 !important;
  box-sizing: border-box !important;
}

.bm-product-wrap,
.bm-product-wrap * {
  box-sizing: border-box !important;
}

.bm-product-wrap img {
  max-width: 100% !important;
  height: auto !important;
}

.bm-benefit-new-icon {
  flex: 0 0 86px !important;
}

.bm-benefit-new-icon img {
  display: block !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  height: 86px !important;
  object-fit: contain !important;
}

.bm-material-image img,
.bm-help-image img {
  display: block !important;
  width: 100% !important;
  max-width: 320px !important;
  height: auto !important;
  border-radius: 12px !important;
}

.bm-text,
.bm-text p,
.bm-text span,
.bm-help-links,
.bm-help-links li,
.bm-help-links a,
.bm-help-links span {
  font-size: 11pt !important;
  line-height: 1.6 !important;
}

.bm-benefit-new-text h2,
.bm-benefit-new-text h2 span,
.bm-benefit-new-text h2 strong {
  font-size: 11pt !important;
  line-height: 1.3 !important;
}

.bm-benefit-new-text p,
.bm-benefit-new-text p span {
  font-size: 10pt !important;
  line-height: 1.4 !important;
}

.bm-small-note {
  font-size: 10pt !important;
}

.bm-size-table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 1px solid #f9eff2 !important;
  border-radius: 12px !important;
  background: #fff !important;
  -webkit-overflow-scrolling: touch;
}

.bm-size-table {
  width: 100% !important;
  min-width: 640px !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #fff !important;
}

.bm-size-table th,
.bm-size-table td {
  padding: 12px 14px !important;
  text-align: center !important;
  border: 0 !important;
  border-bottom: 1px solid #efeae5 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

.bm-size-table th {
  background: #f9eff2 !important;
  font-weight: 700 !important;
  color: #223142 !important;
}

.bm-size-table tr:last-child td {
  border-bottom: 0 !important;
}

.bm-size-table th:first-child,
.bm-size-table td:first-child {
  position: sticky !important;
  left: 0 !important;
  z-index: 2 !important;
  background: #fff !important;
  text-align: left !important;
  width: 250px !important;
  white-space: normal !important;
  line-height: 1.3 !important;
}

.bm-size-table th:first-child {
  background: #f9eff2 !important;
  z-index: 3 !important;
}

@media (max-width: 900px) {
  .bm-benefits-new {
    grid-template-columns: 1fr !important;
  }

  .bm-benefit-new-item {
    align-items: flex-start !important;
  }
}

@media (max-width: 560px) {
  .bm-text,
  .bm-text p,
  .bm-text span,
  .bm-help-links,
  .bm-help-links li,
  .bm-help-links a,
  .bm-help-links span {
    font-size: 11pt !important;
    line-height: 1.6 !important;
  }

  .bm-benefit-new-text h2,
  .bm-benefit-new-text h2 span,
  .bm-benefit-new-text h2 strong {
    font-size: 11pt !important;
  }

  .bm-benefit-new-text p,
  .bm-benefit-new-text p span {
    font-size: 10pt !important;
  }

  .bm-benefit-new-icon {
    flex: 0 0 72px !important;
  }

  .bm-benefit-new-icon img {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
  }

  .bm-size-table {
    min-width: 480px !important;
    width: max-content !important;
  }

  .bm-size-table th,
  .bm-size-table td {
    padding: 8px 8px !important;
    font-size: 13px !important;
  }
}