/* Clear product choice and article browsing; existing SEO copy and carousel are unchanged. */
body[data-structure-review] .hero-product-routes,
.intl-product-routes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin: 0;
  font-family: var(--reading-font, Arial, sans-serif);
}
body[data-structure-review] .hero-product-routes a,
.intl-product-routes a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 65px;
  padding: 8px 10px;
  border: 1px solid #cbd6d7;
  border-left: 3px solid #b96e4d;
  border-radius: 8px;
  background: #f7f9f8;
  color: #1b3542 !important;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: 0 2px 8px #1834420b;
}
body[data-structure-review] .hero-product-routes a + a,
.intl-product-routes a + a { border-left-color: #587785; }
body[data-structure-review] .hero-product-routes a:hover,
body[data-structure-review] .hero-product-routes a:focus-visible,
.intl-product-routes a:hover,
.intl-product-routes a:focus-visible {
  background: #fff;
  border-color: #7b9ca7;
  box-shadow: 0 3px 12px #1834421a;
}
body[data-structure-review] .hero-product-routes a:focus-visible,
.intl-product-routes a:focus-visible { outline: 2px solid #255b73; outline-offset: 2px; }
body[data-structure-review] .hero-product-routes a > span,
.intl-product-routes a > span {
  color: #566970 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}
body[data-structure-review] .hero-product-routes strong,
.intl-product-routes strong {
  color: #1b3542 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  margin-top: 3px;
}
body[data-structure-review] .hero-product-routes strong span,
.intl-product-routes strong span { color: #b26745 !important; white-space: nowrap; }
body[data-structure-review] .hero-product-routes a :is(span, strong),
.intl-product-routes a :is(span, strong) { text-decoration: none !important; }
html:not(:lang(en)) body[data-structure-review] .hero-product-routes,
.intl-product-routes { margin-block: 10px !important; }
html:lang(ar) body[data-structure-review] .hero-product-routes a { border-left-width: 1px; border-right: 3px solid #b96e4d; }
html:lang(ar) body[data-structure-review] .hero-product-routes a + a { border-right-color: #587785; }

/* The homepage uses the two product routes as its final hero actions. */
body[data-structure-review] main > .hero .hero-product-routes {
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  margin: 4px 0 0 !important;
  padding: 0;
  background: transparent;
}
body[data-structure-review] main > .hero .hero-product-routes a {
  align-items: center;
  min-height: 48px;
  padding: 5px 14px;
  border: 1px solid #b96e4d;
  border-radius: 999px;
  background: #b96e4d;
  box-shadow: none;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  line-height: 1.2;
}
body[data-structure-review] main > .hero .hero-product-routes a + a {
  border-color: #294351;
  background: #faf9f5;
  color: #1b3542 !important;
}
body[data-structure-review] main > .hero .hero-product-routes a:hover,
body[data-structure-review] main > .hero .hero-product-routes a:focus-visible {
  border-color: #a75e40;
  background: #a75e40;
  box-shadow: none;
}
body[data-structure-review] main > .hero .hero-product-routes a + a:hover,
body[data-structure-review] main > .hero .hero-product-routes a + a:focus-visible {
  border-color: #294351;
  background: #e9efee;
}
body[data-structure-review] main > .hero .hero-product-routes a > span {
  color: #fff4eb !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0;
  line-height: 1.1 !important;
  white-space: nowrap;
}
body[data-structure-review] main > .hero .hero-product-routes a + a > span { color: #51656d !important; }
body[data-structure-review] main > .hero .hero-product-routes strong {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  margin-top: 2px;
  white-space: nowrap;
}
body[data-structure-review] main > .hero .hero-product-routes a + a strong { color: #1b3542 !important; }
body[data-structure-review] main > .hero .hero-product-routes strong span { color: inherit !important; }
body[data-structure-review] main > .hero .hero-product-routes a :is(span, strong) { text-decoration: none !important; }
html:lang(ar) body[data-structure-review] main > .hero .hero-product-routes a { border: 1px solid #b96e4d; }
html:lang(ar) body[data-structure-review] main > .hero .hero-product-routes a + a { border-color: #294351; }
body[data-structure-review] .products-preview .product-grid { margin-top: 18px; }

body[data-news-cleanup] .news-list-item[hidden] { display: none !important; }
body[data-news-cleanup] .news-filter-status {
  margin: 12px 0 18px;
  color: #51656d;
  font-size: 14px;
  line-height: 1.4;
}
body[data-news-cleanup] .news-category-strip[data-article-filters] a[aria-current="page"] {
  color: #fff !important;
  background: #1c3e4d;
  border-color: #1c3e4d;
}
body[data-news-cleanup] .news-category-strip[data-article-filters] a {
  padding-inline: 12px !important;
  border-radius: 6px;
  white-space: normal;
}
body[data-news-cleanup] .news-archive-aside { align-self: start; }

@media (max-width: 900px) {
  body[data-structure-review] .hero-product-routes { margin-block: 4px 6px; }
}
@media (max-width: 620px) {
  html:lang(en) body[data-structure-review] main > .hero .hero-product-routes {
    order: 4;
    margin: 0 !important;
    padding: 8px 16px 12px;
    background: #faf9f5;
  }
  html:lang(en) body[data-structure-review] main > .hero .hero-product-routes a { min-height: 48px; padding: 5px 8px; }
  html:lang(en) body[data-structure-review] main > .hero .hero-product-routes a > span { font-size: 10px !important; }
  html:lang(en) body[data-structure-review] main > .hero .hero-product-routes strong { font-size: 14px !important; }
  html:lang(en) body[data-structure-review] main > .hero .hero-carousel { order: 3; }
  html:lang(en) body[data-structure-review] main > .hero .hero-intro-lead { order: 5; }
  html:lang(en) body[data-structure-review] main > .hero .hero-company-values { order: 6; }
  html:lang(en) body[data-structure-review] main > .hero .hero-slogan { order: 7; }
  html:not(:lang(en)) body[data-structure-review] .hero-product-routes,
  .intl-product-routes { grid-template-columns: 1fr 1fr; gap: 6px; }
  html:not(:lang(en)) body[data-structure-review] .hero-product-routes a,
  .intl-product-routes a { padding: 8px; min-height: 70px; }
  html:not(:lang(en)) body[data-structure-review] .hero-product-routes a > span,
  .intl-product-routes a > span { font-size: 10px !important; }
  html:not(:lang(en)) body[data-structure-review] .hero-product-routes strong,
  .intl-product-routes strong { font-size: 12px !important; }
  html:not(:lang(en)) body[data-structure-review] main > .hero .hero-product-routes { grid-template-columns: minmax(0, 1fr); }
  html:not(:lang(en)) body[data-structure-review] main > .hero .hero-product-routes a { min-height: 48px; padding: 5px 8px; }
  .intl-hero-grid > img { order: 0 !important; }
  body[data-news-cleanup] .news-category-strip[data-article-filters] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    overflow: visible !important;
  }
  body[data-news-cleanup] .news-category-strip[data-article-filters] a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 42px;
    padding: 7px 9px !important;
    text-align: center;
  }
  body[data-news-cleanup] .news-category-strip[data-article-filters] a:first-child { grid-column: 1 / -1; }
}