/* The approved shop presentation, inside the main site's navigation and footer. */
:root { --nav-h: 128px; }
.product-shop body { background: var(--paper); color: var(--ink); font: 400 18px/1.6 var(--f-text); overflow-x: clip; }
@media (max-width: 719px) { .product-shop body { font-size: 17px; } }
@media (max-width: 768px) { :root { --nav-h: 104px; } }
.product-shop #main { padding-top: var(--nav-h); }
.product-shop .nav-logo, .product-shop .footer-logo { text-decoration: none; }
.product-shop .nav-links, .product-shop .mobile-menu-links { margin: 0; padding: 0; }
.product-shop .skip { z-index: 300; }
.product-shop .announcement-item { flex-shrink: 0; }
.product-shop #main a, .product-shop #main button { min-width: 0; }
.product-shop .footer { padding-bottom: calc(32px + env(safe-area-inset-bottom)); }
@media (max-width: 999px) {
  .product-shop .footer { padding-bottom: calc(112px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .product-shop .announcement-track { justify-content: flex-start; }
  .product-shop .announcement-item { max-width: 100%; min-width: 0; }
  .product-shop .announcement-item:not(:first-child) { display: none; }
  .product-shop .announcement-text { overflow: hidden; text-overflow: ellipsis; }
  .product-shop .announcement-arrow { flex-shrink: 0; }
}