#goog-gt-tt {
  display: hide !important;
}

#condition-block {
  color: var(--color-primary-dark) !important;
  font-family: var(--font-fam) !important;
}

.dropdown {
  background: var(--color-primary-dark) !important;
  padding: 6px;
  border-radius: 6px;
}

.dropdown span {
  background: var(--color-primary-dark) !important;
}

.faq-bg {
  width: 100%;
  min-height: 50vh;
  /* background-image: url("../images/bg-faq.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; */
  margin-top: 28px;
}

.print-content {
  position: fixed;
  right: 0rem;
  top: 269px;
  transform: translateY(-50%);
}

.print-btn {
  text-decoration: none;
  background-color: var(--color-primary-dark) !important;
  padding: 16px 8px;
  border-radius: 0.5rem 0 0 0.5rem;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  max-height: 100%;
}

.print-icon {
  display: block;
  color: white;
  transform: rotate(270deg);
}
#condition-block a {
  color: rgba(var(--color-primary-dark), var(--bs-link-opacity, 1)) !important;
  text-decoration: underline !important;
}

.print-text {
  margin: 0;
  color: white;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  font-weight: 500;
  transform: rotate(180deg);
}

#condition-block #paymentandbilling,
#condition-block #pricingplans,
#condition-block #cancellation,
#condition-block #deliverypolicy,
#condition-block #customers {
  scroll-margin-top: 90px;
}

#condition-block {
  color: var(--wb-primary);
}

#condition-block table {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 24px 0;
  table-layout: fixed;
  border-collapse: collapse;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #e6e6e6;
}

.page-title {
  font-size: 50px;
  text-align: center;
  color: var(--color-primary-dark);
  margin: 100px 0 100px;
}

@media (max-width: 1000px) {
  .print-text {
    display: none;
  }
}

@media (max-width: 725px) {
  #condition-block {
    overflow-x: visible;
  }

  #condition-block table {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  /* Allow the first column to wrap safely rather than forcing nowrap
       which caused overflow. Use word-break/overflow-wrap to break long words. */
  #condition-block table th:first-child,
  #condition-block table td:first-child {
    width: 26%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* Distribute remaining columns evenly; ensure they can shrink */
  #condition-block table th:not(:first-child),
  #condition-block table td:not(:first-child) {
    width: 24%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* Slightly reduce typography so the table fits without scrolling */
  #condition-block table tr th,
  #condition-block table tbody td {
    font-size: 12px;
    padding: 8px;
    line-height: 1.25;
    box-sizing: border-box;
  }
}

#condition-block table caption {
  caption-side: top;
  text-align: left;
  font-weight: 600;
  padding: 10px 12px;
  color: #344621;
}

#condition-block thead th,
#condition-block tbody th {
  background: var(--color-primary-dark);
  color: #ffffff;
  padding: 12px 14px;
  text-align: left;
  border: none;
  font-size: 16px;
}

#condition-block tbody td {
  background: #ffffff;
  color: #222;
  padding: 12px 14px;
  vertical-align: middle;
  border-top: 1px solid #e6e6e6;
  word-wrap: break-word;
  border-left: 1px solid #e6e6e6;
}

#condition-block tbody td:first-child {
  font-weight: 600;
}

@media (min-width: 800px) {
  #condition-block {
    box-sizing: border-box;
    min-width: 0;
    overflow-x: visible;
  }

  #condition-block table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    table-layout: fixed;
    word-break: break-word;
  }

  #condition-block table caption {
    font-size: 14px;
    padding: 8px 10px;
  }

  #condition-block table tr th,
  #condition-block table tbody td {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    font-size: 14px;
    padding: 10px;
  }

  #condition-block table img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}
@media (max-width: 440px) {
  #condition-block {
    box-sizing: border-box;
    min-width: 0;
    overflow-x: visible;
  }

  #condition-block table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    table-layout: fixed;
    word-break: break-word;
  }

  #condition-block table tr th,
  #condition-block table tbody td {
    white-space: normal;
    text-wrap: unset;
    /* overflow-wrap: anywhere; */
  }

  #condition-block tbody td:first-child {
    font-size: 10px;
  }

  #condition-block thead th {
    font-size: 10px;
  }
  #condition-block table tbody td {
    font-size: 10px;
  }
}