/* Tehno-Dy SEO & Mobile Usability Fixer v1.0.0
 * Eliminates horizontal viewport overflow (Yandex NOT_MOBILE_FRIENDLY)
 * and styles E-E-A-T trust & internal-linking blocks for ProStore.
 */

@media (max-width: 991px) {
  /* Fix inline style="width: 600px" on promo popup overflowing 360-430px viewports */
  .promo_content,
  div[class*="promo_content"] {
    width: 100% !important;
    max-width: calc(100vw - 24px) !important;
    box-sizing: border-box !important;
  }

  /* Prevent wide tables, images, and iframes in product/blog descriptions from overflowing */
  .details__txt table,
  .article-text table,
  #content table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .details__txt img,
  .article-text img,
  .category-info img,
  #content iframe,
  #content video {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* Commercial E-E-A-T Trust Block on Product Cards */
.tdy-trust-box {
  margin: 16px 0;
  padding: 14px 16px;
  background: #f8f9fb;
  border: 1px solid #e6e8ee;
  border-left: 4px solid #111111;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.55;
  color: #222222;
}

.tdy-trust-box__title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 6px;
  color: #111111;
}

.tdy-trust-box__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 6px 14px;
}

.tdy-trust-box__list li {
  position: relative;
  padding-left: 18px;
}

.tdy-trust-box__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: #1b8a3d;
}

/* Internal Linking Hub for 2026 Guides & News on /shopblog/ */
.tdy-guides-hub {
  margin: 28px 0;
  padding: 20px 22px;
  background: #f7f8fa;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
}

.tdy-guides-hub__heading {
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 700;
  color: #111111;
}

.tdy-guides-hub__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 10px 16px;
}

.tdy-guides-hub__link {
  display: block;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #111111;
  text-decoration: none;
  font-size: 13.5px;
  line-height: 1.4;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tdy-guides-hub__link:hover {
  border-color: #111111;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  text-decoration: none;
}