/* Boostcart – "Detalii" tab on the product page. Also loaded by the admin preview, so it carries its own tokens. */
.bc-dt {
  --dt-wine: #6E1E3A;
  --dt-ink: #2A1220;
  --dt-muted: #6B5560;
  --dt-soft: #F7EFF1;
  --dt-ivory: #FBF7F2;
  --dt-line: #E8DDE0;
  display: grid;
  gap: 32px;
  max-width: 980px;
  margin: 0 auto;
  padding: 8px 0;
  color: var(--dt-ink);
  font-size: 15px;
  line-height: 1.65;
  text-align: left;
}
.bc-dt__block { min-width: 0; }
/* #content: Journal's tab headings would otherwise win on specificity */
#content .bc-dt .bc-dt__title { margin: 0 0 14px; padding: 0; border: 0; font-family: "BC Playfair", "BCH Playfair", "Playfair Display", Georgia, serif; font-weight: 800; font-size: 22px; line-height: 1.25; color: var(--dt-wine); text-transform: none; letter-spacing: 0; text-align: left; }
.bc-dt p { margin: 0 0 10px; font-size: inherit; line-height: inherit; }
.bc-dt p:last-child { margin-bottom: 0; }
.bc-dt__block--text ul, .bc-dt__media ul, .bc-dt__faq ul { margin: 0 0 10px; padding-left: 20px; list-style: disc; }
.bc-dt__block--text li, .bc-dt__media li, .bc-dt__faq li { margin-bottom: 4px; }

/* specifications */
.bc-dt__specs { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--dt-line); border-radius: 12px; overflow: hidden; background: #fff; }
.bc-dt__specs th, .bc-dt__specs td { padding: 11px 16px; border: 0; border-bottom: 1px solid var(--dt-line); font-size: 14px; line-height: 1.45; vertical-align: top; text-align: left; }
.bc-dt__specs tr:last-child th, .bc-dt__specs tr:last-child td { border-bottom: 0; }
.bc-dt__specs th { width: 38%; background: var(--dt-ivory); font-weight: 700; color: var(--dt-ink); }
.bc-dt__specs td { color: var(--dt-ink); }

/* feature cards */
.bc-dt__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.bc-dt__card { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 18px; border: 1px solid var(--dt-line); border-radius: 14px; background: #fff; }
#content .bc-dt__icon { display: block; width: 40px; height: 40px; padding: 8px; margin-bottom: 8px; border-radius: 10px; background: var(--dt-soft); color: var(--dt-wine); }
.bc-dt__card b { font-weight: 700; font-size: 15px; line-height: 1.35; color: var(--dt-ink); }
.bc-dt__card span { font-size: 14px; line-height: 1.5; color: var(--dt-muted); }

/* care symbols */
.bc-dt__care { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.bc-dt__care li { display: flex; align-items: center; gap: 12px; margin: 0; padding: 10px 14px; border: 1px solid var(--dt-line); border-radius: 12px; background: #fff; font-size: 14px; line-height: 1.4; }
#content .bc-dt__care-icon { flex: 0 0 auto; width: 30px; height: 30px; color: var(--dt-wine); }

/* questions */
.bc-dt__faq { border-bottom: 1px solid var(--dt-line); }
.bc-dt__faq:first-of-type { border-top: 1px solid var(--dt-line); }
.bc-dt__faq summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 48px; padding: 12px 0; cursor: pointer; list-style: none; font-weight: 700; font-size: 15px; line-height: 1.4; color: var(--dt-ink); }
.bc-dt__faq summary::-webkit-details-marker { display: none; }
.bc-dt__faq summary::after { content: "+"; flex: 0 0 26px; height: 26px; border-radius: 50%; background: var(--dt-soft); color: var(--dt-wine); font-size: 18px; font-weight: 500; line-height: 26px; text-align: center; }
.bc-dt__faq[open] summary::after { content: "–"; }
.bc-dt__faq summary:hover { color: var(--dt-wine); }
.bc-dt__faq summary:focus-visible { outline: 2px solid var(--dt-wine); outline-offset: 2px; }
.bc-dt__faq > div { padding: 0 0 14px; color: var(--dt-muted); font-size: 14px; }

/* picture + text */
.bc-dt__media { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 22px; align-items: center; }
.bc-dt__media img { display: block; width: 100%; height: auto; border-radius: 14px; }
.bc-dt__media--right img { order: 2; }

@media (max-width: 767px) {
  .bc-dt { gap: 26px; font-size: 14px; }
  #content .bc-dt .bc-dt__title { font-size: 20px; }
  .bc-dt__media { grid-template-columns: 1fr; }
  .bc-dt__media--right img { order: 0; }
  .bc-dt__specs th, .bc-dt__specs td { padding: 10px 12px; }
}