.showcase-notice {
  padding: 10px 20px;
  background: #f5eee5;
  color: #38332e;
  border-bottom: 1px solid #d9d0c5;
  font: 12px/1.6 system-ui, sans-serif;
  text-align: center;
}
@media (min-width: 1151px) {
  body:has(.product-shell) .showcase-notice { margin-left: 210px; }
}
@media (min-width: 901px) and (max-width: 1150px) {
  body:has(.product-shell) .showcase-notice { margin-left: 180px; }
}
@media (min-width: 651px) and (max-width: 900px) {
  body:has(.product-shell) .showcase-notice { margin-left: 156px; }
}
@media (max-width: 650px) {
  .showcase-notice { padding: 8px 16px; text-align: left; }
}