/* Approved surfaces, homepage only. Includes country panels loaded asynchronously.
 * Inset outlines preserve the existing mixed content-box/border-box geometry. */
body:has(.b1.atp-home-surfaces) .b2 .top_marks_list > .item,
body:has(.b1.atp-home-surfaces) .b2 .filtr,
body:has(.b1.atp-home-surfaces) .b2 .statistic_items_list > .item,
body:has(.b1.atp-home-surfaces) .b4 .popular_slide_item,
body:has(.b1.atp-home-surfaces) .b7 .b7__item:not(:last-child),
body:has(.b1.atp-home-surfaces) .b8 .b8__item,
body:has(.b1.atp-home-surfaces) .b10 .b10_box_image,
body:has(.b1.atp-home-surfaces) .b10 .b10_box_form {
  background-color: #f5f6f8;
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px #e4e5e8;
}

/* These cards already have a real border: recolor it without doubling it. */
body:has(.b1.atp-home-surfaces) .b4 .popular_slide_item {
  border-color: #e4e5e8;
  box-shadow: none;
}

/* Keep the last purchase step's original red background and white text. */
body:has(.b1.atp-home-surfaces) .b7 .b7__item:last-child {
  border-radius: 18px;
}

@media (max-width: 600px) {
  body:has(.b1.atp-home-surfaces) .b2 .top_marks_list > .item,
  body:has(.b1.atp-home-surfaces) .b2 .filtr,
  body:has(.b1.atp-home-surfaces) .b2 .statistic_items_list > .item,
  body:has(.b1.atp-home-surfaces) .b4 .popular_slide_item,
  body:has(.b1.atp-home-surfaces) .b7 .b7__item:not(:last-child),
  body:has(.b1.atp-home-surfaces) .b7 .b7__item:last-child,
  body:has(.b1.atp-home-surfaces) .b8 .b8__item,
  body:has(.b1.atp-home-surfaces) .b10 .b10_box_image,
  body:has(.b1.atp-home-surfaces) .b10 .b10_box_form {
    border-radius: 16px;
  }
}