/* Hallmark · built: Phone George · redesign: polish · scope: site */
/* Hallmark · pre-emit critique: P3 H4 E3 S4 R4 V3 · weakest: execution; improve contrast and narrow-screen tabs while preserving content. */
/* Consistent spacing for equivalent storefront sections. Hero banners and
   fixed-height promotional artwork retain their own internal layout. */
:root {
  --pg-section-space: clamp(28px, 4vw, 48px);
  --pg-readable-muted: #525d75;
  --pg-control-edge: #64738a;
  --pg-focus-color: #073bd5;
  --pg-old-price: #a61b19;
  --pg-focus-on-dark: #ffda18;
}
.main-wrapper > :is(.pg-ticker-section, .pg-category-showcase, .product-area,
  .pg-ps5-feature, .pg-featured-deals, .pg-promo-cards, .pg-testimonials,
  .brand-area, .pg-blog-section, .pg-trust-area, .pg-about-faq, .about-area,
  .shop-category-area, .product-details-area, .cart-main-area, .account-dashboard,
  .pg-blog-article, .pg-order-tracking-area,
  .login-register-area, .contact-area) {
  padding-top: var(--pg-section-space) !important;
  padding-bottom: var(--pg-section-space) !important;
}

/* Readable secondary text and a consistent visible keyboard focus. */
.pg-action-text small, .pg-category-showcase-heading p,
.shop-sidebar-wrap .sidebar-widget-list a,
.shop-sidebar-wrap .sidebar-widget-list span,
.pg-footer-subscribe-title small { color: var(--pg-readable-muted); }
.pg-ticker-price .price .old, .product .content .price span.old,
.shop-list-wrapper .content-desc-wrap .price span.old { color: var(--pg-old-price); }
.pg-footer-subscribe input[type="email"] { border-color: var(--pg-control-edge); }
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--pg-focus-color);
  outline-offset: 3px;
}
@media (max-width: 479px) {
  .product-tab-nav { flex-wrap: nowrap; overflow-x: auto; }
  .product-tab-nav .nav-item { flex: 0 0 auto; }
  .product-tab-nav .nav-item .nav-link { white-space: nowrap; min-height: 44px; }
}

.jobs-footer :where(a, button, input, select, textarea, summary):focus-visible { outline-color: var(--pg-focus-on-dark); }

.pg-featured-grid--single { grid-template-columns: minmax(0, 1fr); }
