:root { --brand: #F17618; color-scheme: light; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; color: #1a1b20; font-family: Arial, Helvetica, sans-serif; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: 8px; left: 8px; transform: translateY(-180%); z-index: 999; background: #fff; color: #15151b; padding: 12px 16px; }
.skip-link:focus { transform: none; }
.skip-link:not(:focus) { clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; margin: -1px; padding: 0; white-space: nowrap; }
:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }
.spbox-frame .spbox-logo-link { display: inline-flex; flex-shrink: 0; align-items: center; border: 0; padding: 0; line-height: 0; }
.spbox-frame .spbox-logo-link picture { display: block; }
.spbox-frame .spbox-logo-link .logo { width: 230px; height: auto; object-fit: contain; border: 0; box-shadow: none; }
.spbox-frame .search button { display: grid; place-items: center; }
.spbox-frame .search button svg { width: 18px; height: 18px; }
.spbox-frame .nav-inner .selection-link { color: inherit; position: relative; }
.spbox-frame .nav-inner .selection-link:hover,
.spbox-frame .nav-inner .selection-link[aria-current="page"] { color: var(--brand); }
.mobile-more { display: none; }
.spbox-frame .nav-inner .selection-link[aria-current="page"] { align-self: stretch; display: inline-flex; align-items: center; }
.spbox-frame .selection-link[aria-current="page"]::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--brand); }
.spbox-frame .hero-actions .picker-primary { background: var(--brand); border-color: var(--brand); }
.spbox-frame .hero-actions .picker-primary:hover { background: #D65F08; }
.spbox-frame .foot-logo { display: block; width: 178px; height: auto; margin-bottom: 16px; }
.spbox-frame .footer-bottom { flex-wrap: wrap; gap: 12px; }
.spbox-frame .preview-form-note, .spbox-frame .local-confirmation { font-size: 12px; margin: 10px 0 0; line-height: 1.5; color: #60636a; }
.spbox-frame .local-confirmation:empty { display: none; }
.spbox-frame .local-confirmation a { color: var(--brand); font-weight: bold; }
.spbox-frame .home-photo-field { display: grid; gap: 6px; font-size: 12px; color: #4d5058; }
.spbox-frame .home-photo-field input { width: 100%; max-width: 100%; font-size: 12px; }
.spbox-frame .home-photo-field input::file-selector-button { border: 1px solid #d5d7db; background: white; border-radius: 3px; padding: 5px 9px; }
.spbox-frame .shipment-dialog:not([open]) { display: none; }
.spbox-frame .entry, .spbox-frame .popular-card, .spbox-frame .cat-card { transition: transform .19s ease, border-color .19s ease; }
@media(max-width: 950px) {
  .spbox-frame .spbox-logo-link .logo { width: 195px; }
}
@media(max-width: 700px) {
  .spbox-frame .nav-inner { gap: 14px; align-items: stretch; flex-wrap: wrap; }
  .spbox-frame .nav-inner:has(.mobile-more) > a:not(.selection-link) { display: none; }
  .spbox-frame .nav-inner > .selection-link { display: inline-flex; align-items: center; }
  .mobile-more { display: block; margin-left: auto; align-self: center; }
  .mobile-more summary { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 2px; cursor: pointer; list-style: none; font-size: 11px; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
  .mobile-more summary::-webkit-details-marker { display: none; }
  .mobile-more summary::after { content: ''; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1px 1px 0; transform: translateY(-2px) rotate(45deg); }
  .mobile-more-panel { position: absolute; z-index: 5; right: 0; top: 100%; min-width: 175px; display: grid; padding: 6px; background: white; border: 1px solid #dedfe3; border-radius: 0 0 4px 4px; box-shadow: 0 8px 20px #1f202515; }
  .mobile-more:not([open]) .mobile-more-panel { display: none; }
  .mobile-more-panel a { padding: 11px 10px; }
  .spbox-frame .nav-inner a, .spbox-frame #spbox-home-catalog summary { font-size: 11px; }
  .spbox-frame .header-inner { min-height: 66px; }
  .spbox-frame .spbox-logo-link .logo { width: 142px; }
  .spbox-frame .hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 440px; }
  .spbox-frame .hero-actions .picker-primary { grid-column: 1/-1; }
  .spbox-frame .hero-actions .btn-outline { min-height: 40px; padding: 6px 4px; font-size: 12px; }
  .spbox-frame .hero-actions a { font-size: 13px; }
}
@media(prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .spbox-frame *, .spbox-frame *::before, .spbox-frame *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}