/* Desktop extension of the official mobile landing page. */
body { max-width: none; }
.hero-photo-wrap { aspect-ratio: auto; height: 590px; max-height: 70svh; background: linear-gradient(to bottom, #eaa100 0%, #e39a00 52%, #d28900 100%); }
.hero-photo { max-width: 478px; margin: auto; background-size: cover; -webkit-mask-image: linear-gradient(to right, transparent, #000 16%, #000 84%, transparent); mask-image: linear-gradient(to right, transparent, #000 16%, #000 84%, transparent); }
.encartes-header, .store-filter, .store-notice { max-width: 1100px; margin-left: auto; margin-right: auto; }
.encartes-header { padding-top: 26px; }
.store-filter { justify-content: center; gap: 14px; padding-bottom: 20px; }
.filter-btn { padding: 10px 24px; font-size: 14px; }
.encartes-section { padding-bottom: 44px; }
.carousel-wrap { max-width: 1100px; margin: auto; }
.carousel-track { padding: 0 calc((100% - 380px) / 2); gap: 24px; }
.carousel-slide { flex: 0 0 380px; max-height: 650px; }
.desktop-arrow { position: absolute; top: 45%; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: white; background: #7a5300; font-size: 22px; cursor: pointer; z-index: 5; box-shadow: 0 5px 18px rgba(0,0,0,.18); }
.desktop-arrow.previous { left: 24px; }
.desktop-arrow.next { right: 24px; }
.desktop-arrow:focus-visible, .filter-btn:focus-visible { outline: 3px solid white; outline-offset: 4px; }
.content { max-width: 1100px; margin: -20px auto 0; padding: 30px 30px 44px; }
.store-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
.section-title { margin-top: 32px; }
.section-label { font-size: 17px; }
.section-label small { font-size: 11px; }
.fab-wrap { max-width: none; padding-right: 30px; bottom: 28px; }
footer { padding-top: 24px; }
.jobs-list { padding: 0 24px 24px; text-align: left; }
.jobs-back { display: flex; margin: 0 0 12px; }
.job-card { width: 100%; margin: 0 auto 10px; padding: 22px 24px; text-align: left; }
.job-card-title, .job-items, .job-items li, .job-meta { text-align: left; }
.job-wa-link { display: flex; width: fit-content; margin-top: 10px; }
.job-nota50 { display: table; }
@media (max-width: 760px) {
  .jobs-list { padding: 0 12px 16px; }
  .job-card { padding: 16px; }
  .hero-photo-wrap { height: auto; aspect-ratio: 3 / 4; }
  .hero-photo { max-width: none; -webkit-mask-image: none; mask-image: none; }
  .content { padding: 24px 16px 40px; }
  .store-cards { display: flex; }
  .store-filter { justify-content: flex-start; gap: 8px; }
  .filter-btn { padding: 7px 14px; font-size: 12px; }
  .carousel-track { padding: 0 10%; gap: 12px; }
  .carousel-slide { flex-basis: 100%; max-height: none; }
  .desktop-arrow { width: 36px; height: 36px; font-size: 17px; }
  .desktop-arrow.previous { left: 4px; }
  .desktop-arrow.next { right: 4px; }
  .fab-wrap { padding-right: 18px; bottom: 22px; }
}