:root {
  --shop-ink: #171312;
  --shop-muted: #6c6661;
  --shop-paper: #fbfaf8;
  --shop-white: #ffffff;
  --shop-accent: #9a5c43;
  --shop-green: #091d0c;
  --shop-line: #e3ded8;
  --shop-card: #fdfcfb;
}

body { background: var(--shop-paper); color: var(--shop-ink); }
button, input, select { color: inherit; font: inherit; }
button { cursor: pointer; }
.desktop-nav a[aria-current="page"] { color: #c78a6d; opacity: 1; }

.shop-page { min-height: 80svh; padding: 158px 4.4vw 72px; }
.shop-intro { margin: 0 auto; max-width: 1600px; padding: 27px 0 22px; }
.shop-breadcrumbs { align-items: center; color: #6e6965; display: flex; font-size: 8px; gap: 12px; letter-spacing: .1em; margin-bottom: 24px; text-transform: uppercase; }
.shop-breadcrumbs a { transition: color .2s ease; }
.shop-breadcrumbs a:hover { color: var(--shop-accent); }
.shop-category-nav { align-items: center; border-bottom: 1px solid var(--shop-line); display: flex; gap: 24px; margin: 0 0 28px; overflow-x: auto; padding: 0 0 12px; scrollbar-width: none; }
.shop-category-nav::-webkit-scrollbar { display: none; }
.shop-category-nav a { color: #817a75; flex: 0 0 auto; font-size: 8px; font-weight: 600; letter-spacing: .1em; position: relative; text-transform: uppercase; transition: color .2s ease; }
.shop-category-nav a::after { background: currentColor; bottom: -13px; content: ''; height: 1px; left: 0; position: absolute; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; width: 100%; }
.shop-category-nav a:hover, .shop-category-nav a.is-active { color: var(--shop-accent); }
.shop-category-nav a.is-active::after { transform: scaleX(1); }
.shop-intro-grid { align-items: end; display: grid; gap: 28px; grid-template-columns: 280px 1fr 220px; }
.shop-title-block h1 { font-family: var(--display); font-size: clamp(44px, 3.8vw, 62px); font-weight: 400; letter-spacing: -.045em; line-height: .9; margin: 0 0 13px; }
.shop-title-block p { color: var(--shop-muted); font-size: 10px; line-height: 1.65; margin: 0; max-width: 270px; }
.catalog-count { align-items: center; align-self: center; display: flex; font-size: 9px; gap: 8px; justify-self: center; letter-spacing: .02em; margin: 27px 0 0; }
.catalog-count span { font-size: 14px; }
.sort-control { align-items: center; background: var(--shop-card); border: 1px solid var(--shop-line); border-radius: 7px; display: grid; font-size: 9px; grid-template-columns: auto 1fr; margin-bottom: 3px; min-height: 44px; padding: 0 12px; }
.sort-control span { color: var(--shop-muted); padding-right: 10px; }
.sort-control select { background: transparent; border: 0; font-size: 9px; font-weight: 500; outline: 0; width: 100%; }
.mobile-catalog-actions { display: none; }

.origin-explorer { background: var(--paper); border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); margin: 4px auto 34px; max-width: 1600px; overflow: hidden; }
.origin-explorer-bar { align-items: center; display: flex; min-height: 94px; position: relative; }
.origin-explorer-toggle { align-items: center; background: transparent; border: 0; display: grid; flex: 1; gap: 18px; grid-template-columns: 42px minmax(220px, 1fr) minmax(140px, auto) auto 18px; min-height: 94px; padding: 0 25px; text-align: left; }
.origin-globe { align-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--shop-accent); display: flex; height: 38px; justify-content: center; width: 38px; }
.origin-globe svg { fill: none; height: 20px; stroke: currentColor; stroke-width: 1.25; width: 20px; }
.origin-bar-copy { display: flex; flex-direction: column; gap: 5px; }
.origin-bar-copy strong { font-family: var(--display); font-size: 24px; font-weight: 500; letter-spacing: -.025em; line-height: 1; }
.origin-bar-copy small { color: var(--shop-muted); font-size: 8px; letter-spacing: .02em; }
.origin-selection-summary { color: var(--shop-accent); font-size: 8px; letter-spacing: .09em; text-align: right; text-transform: uppercase; }
.origin-toggle-label { font-size: 8px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.origin-toggle-mark { font-size: 18px; font-weight: 300; transition: transform .3s ease; }
.origin-explorer.is-open .origin-toggle-mark { transform: rotate(45deg); }
.origin-clear { align-items: center; background: transparent; border: 0; border-left: 1px solid var(--line); color: var(--shop-accent); display: flex; font-size: 7px; gap: 8px; height: 34px; letter-spacing: .08em; margin-right: 22px; padding-left: 19px; text-transform: uppercase; white-space: nowrap; }
.origin-clear[hidden] { display: none; }
.origin-clear span { font-size: 15px; }
.origin-explorer-panel[hidden] { display: none; }
.origin-explorer-panel { border-top: 1px solid var(--line); min-height: 444px; }
.origin-explorer.is-open .origin-explorer-panel { animation: atlasReveal .42s cubic-bezier(.22,.72,.18,1) both; }
.origin-atlas-desktop { display: grid; grid-template-columns: minmax(0, 2.25fr) minmax(285px, .85fr); min-height: 444px; }
.origin-map-workspace { border-right: 1px solid var(--line); min-width: 0; padding: 18px 22px 20px; }
.origin-map-toolbar { align-items: center; display: flex; justify-content: flex-start; min-height: 30px; }
.origin-breadcrumbs { align-items: stretch; background: var(--cream); border: 1px solid var(--line); border-radius: 7px; bottom: 14px; box-shadow: none; display: flex; left: 14px; overflow: hidden; position: absolute; z-index: 4; }
.origin-breadcrumbs button { align-items: center; background: transparent; border: 0; color: var(--shop-muted); display: flex; font-size: 7px; font-weight: 500; gap: 7px; letter-spacing: .08em; min-height: 40px; padding: 0 29px 0 15px; position: relative; text-transform: uppercase; transition: background .2s ease, color .2s ease; }
.origin-breadcrumbs button:not(:last-child) { border-right: 1px solid var(--line); }
.origin-breadcrumbs button:not(:last-child)::after { color: var(--ink-soft); content: '›'; font-size: 12px; position: absolute; right: 11px; top: 50%; transform: translateY(-52%); }
.origin-breadcrumbs button:not(:disabled):hover { background: #fff; color: var(--shop-accent); }
.origin-breadcrumbs button[aria-current="page"] { background: #fff; color: var(--shop-accent); }
.origin-breadcrumbs button:disabled { color: var(--ink-soft); cursor: default; opacity: .65; }
.origin-breadcrumbs .origin-nav-globe { align-items: center; border: 1px solid currentColor; border-radius: 50%; display: inline-flex; font-size: 7px; height: 15px; justify-content: center; letter-spacing: 0; width: 15px; }
.origin-map-toolbar > p { color: var(--shop-muted); font-size: 7px; letter-spacing: .02em; margin: 0; }
.origin-map-stage { height: 400px; overflow: hidden; position: relative; }
.origin-map-canvas, .origin-map-canvas svg { display: block; height: 100%; width: 100%; }
.origin-map-canvas svg { overflow: visible; }
.origin-map-loading { align-items: center; color: var(--shop-muted); display: flex; font-size: 8px; inset: 0; justify-content: center; letter-spacing: .08em; position: absolute; text-transform: uppercase; }
.origin-map-stage:not([aria-busy="true"]) .origin-map-loading { display: none; }
.origin-map-stage.is-map-error .origin-map-loading { display: flex; }
.origin-map-canvas .map-plane { transform-box: view-box; transform-origin: 0 0; transition: transform .72s cubic-bezier(.22,.72,.18,1); }
.origin-map-canvas .map-graticule { opacity: .45; stroke: var(--line); stroke-dasharray: 2 8; stroke-width: .7; }
.origin-map-canvas .map-land { fill: #e3e7e1; stroke: #c0c8be; stroke-linejoin: round; stroke-width: .8; }
.origin-map-canvas .map-land path,
.origin-map-canvas .map-supported-countries path { vector-effect: non-scaling-stroke; }
.origin-map-canvas .map-paper-overlay { color: #7e6255; opacity: .6; pointer-events: none; }
.origin-map-canvas .map-supported-countries [data-country] { fill: #d9ddd7; opacity: .22; pointer-events: none; stroke: #c0c8be; stroke-width: .8; transition: fill .24s ease, opacity .24s ease, stroke .24s ease; }
.origin-map-canvas .map-supported-countries [data-country].is-available { cursor: pointer; fill: #b8785c; opacity: 1; pointer-events: auto; }
.origin-map-canvas .map-supported-countries [data-country].is-continent-muted { opacity: .18; }
.origin-map-canvas .map-continent-hit { cursor: pointer; fill: transparent; outline: none; pointer-events: all; stroke: none; }
.origin-map-canvas.is-country-view .map-supported-countries [data-country]:not(.is-selected) { opacity: .06; }
.origin-map-canvas .map-supported-countries [data-country].is-available:hover,
.origin-map-canvas .map-supported-countries [data-country].is-available:focus,
.origin-map-canvas .map-supported-countries [data-country].is-selected { fill: var(--ink); opacity: 1; outline: none; stroke: var(--ink); stroke-width: 1.5; }
.origin-map-tooltip { background: var(--shop-green); color: #fff; font-size: 7px; left: 0; letter-spacing: .03em; padding: 8px 10px; pointer-events: none; position: absolute; top: 0; transform: translate(-50%, calc(-100% - 10px)); white-space: nowrap; z-index: 3; }
.origin-map-tooltip[hidden] { display: none; }
.origin-map-tooltip::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid var(--shop-green); content: ''; left: 50%; position: absolute; top: 100%; transform: translateX(-50%); }
.origin-inspector { background: var(--cream); display: flex; flex-direction: column; padding: 42px 34px 28px; }
.origin-eyebrow { color: var(--shop-accent); font-size: 7px; letter-spacing: .12em; margin: 0 0 17px; text-transform: uppercase; }
.origin-inspector h2 { font-family: var(--display); font-size: clamp(28px, 2.4vw, 38px); font-weight: 500; letter-spacing: -.04em; line-height: 1.12; margin: 0 0 18px; }
.origin-detail-copy { color: var(--shop-muted); font-size: 8px; line-height: 1.75; margin: 0; max-width: 300px; }
.origin-detail-facts { border-top: 1px solid var(--line); display: grid; gap: 13px; margin: 25px 0 22px; padding-top: 18px; }
.origin-detail-facts > div { align-items: baseline; display: grid; gap: 15px; grid-template-columns: minmax(110px, .9fr) 1fr; }
.origin-detail-facts dt { color: var(--ink-soft); font-size: 6px; letter-spacing: .08em; text-transform: uppercase; }
.origin-detail-facts dd { font-size: 8px; line-height: 1.45; margin: 0; }
.origin-apply { background: var(--shop-green); border: 1px solid var(--shop-green); color: #fff; font-size: 7px; letter-spacing: .02em; margin-top: auto; border-radius: var(--control-radius); min-height: 46px; padding: 10px 14px; text-transform: none; transition: background .2s ease, border-color .2s ease, color .2s ease; width: 100%; }
.origin-apply:not(:disabled):hover { background: var(--accent-ink); border-color: var(--accent-ink); }
.origin-apply:disabled { background: transparent; border-color: var(--line); color: var(--ink-soft); cursor: not-allowed; }
.origin-mobile-selector { display: none; }
.origin-explorer button:focus-visible, .origin-explorer select:focus-visible { outline: 2px solid var(--shop-accent); outline-offset: 3px; }

.origin-map-canvas .map-supported-countries [data-country].is-continent-hover { fill: var(--ink); opacity: 1; stroke: var(--ink); }
.origin-map-canvas.is-world-view .map-continent-hit:focus-visible { stroke: var(--accent-ink); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.origin-explorer .origin-breadcrumbs button { font-family: var(--sans); letter-spacing: 0; text-transform: none; }
.origin-explorer .origin-detail-facts dt { letter-spacing: 0; text-transform: none; }
.origin-explorer .origin-detail-facts > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.origin-explorer .origin-detail-facts { gap: 16px; }
.origin-explorer .origin-bar-copy strong { line-height: 1.2; }

.shop-catalog { margin: 0 auto; max-width: 1600px; scroll-margin-top: 145px; }
.catalog-layout { align-items: start; display: grid; gap: 30px; grid-template-columns: 205px minmax(0, 1fr); }
.catalog-filters { background: rgba(255,255,255,.46); border: 1px solid var(--shop-line); border-radius: 8px; max-height: calc(100dvh - 154px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; position: sticky; scrollbar-gutter: stable; top: 138px; }
.filter-mobile-head { display: none; }
.filter-heading { border-bottom: 1px solid var(--shop-line); font-size: 9px; font-weight: 600; letter-spacing: .06em; padding: 17px 16px 13px; text-transform: uppercase; }
.catalog-search { align-items: center; border-bottom: 1px solid var(--shop-line); display: flex; padding: 5px 15px; }
.catalog-search svg { fill: none; flex: 0 0 auto; height: 14px; margin-right: 9px; stroke: currentColor; stroke-linecap: round; stroke-width: 1.35; width: 14px; }
.catalog-search input { background: transparent; border: 0; font-size: 9px; min-width: 0; outline: 0; padding: 9px 0; width: 100%; }
.catalog-search input::placeholder { color: #9a9490; }
.filter-section { border-bottom: 1px solid var(--shop-line); }
.filter-section summary { cursor: pointer; font-size: 8px; font-weight: 600; letter-spacing: .05em; list-style: none; padding: 15px 16px; position: relative; text-transform: uppercase; }
.filter-section summary::-webkit-details-marker { display: none; }
.filter-section[hidden] { display: none; }
.filter-section summary::after { content: '⌄'; font-size: 11px; position: absolute; right: 15px; top: 12px; transition: transform .2s ease; }
.filter-section:not([open]) summary::after { transform: rotate(-90deg); }
.filter-checkbox-list, .filter-country-list { display: flex; flex-direction: column; gap: 10px; padding: 0 16px 15px; }
.filter-checkbox-row, .filter-country-row { align-items: center; color: #3d3937; display: grid; font-size: 9px; gap: 8px; grid-template-columns: 13px minmax(0, 1fr) auto; }
.filter-checkbox-row input { accent-color: var(--shop-accent); appearance: none; border: 1px solid #bcb5af; border-radius: 2px; height: 11px; margin: 0; position: relative; width: 11px; }
.filter-checkbox-row input:checked { background: var(--shop-accent); border-color: var(--shop-accent); }
.filter-checkbox-row input:checked::after { color: #fff; content: '✓'; font-size: 8px; left: 1px; position: absolute; top: -2px; }
.filter-dot { border-radius: 50%; height: 6px; width: 6px; }
.filter-count { color: #8d8782; font-size: 8px; }
.filter-country-row { background: transparent; border: 0; grid-template-columns: minmax(0, 1fr) auto; padding: 0; text-align: left; }
.filter-country-row span:first-child { transition: color .2s ease; }
.filter-country-row:hover span:first-child, .filter-country-row[aria-pressed="true"] span:first-child { color: var(--shop-accent); }
.filter-select-label { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.filter-section select { background: var(--shop-white); border: 1px solid var(--shop-line); border-radius: 4px; font-size: 8px; margin: 0 15px 15px; outline: 0; padding: 9px; width: calc(100% - 30px); }
.price-range { padding: 2px 16px 17px; }
.price-range input { accent-color: var(--shop-accent); height: 14px; margin: 0; width: 100%; }
.price-range > div { display: flex; font-size: 8px; justify-content: space-between; margin-top: 7px; }
.filter-checks { border-bottom: 1px solid var(--shop-line); display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; }
.filter-checks label { align-items: center; display: flex; font-size: 8px; gap: 8px; }
.filter-checks input { accent-color: var(--shop-accent); height: 11px; margin: 0; width: 11px; }
.clear-filters { align-items: center; background: transparent; border: 1px solid var(--shop-line); border-radius: 5px; display: flex; font-size: 8px; gap: 8px; justify-content: center; letter-spacing: .05em; margin: 15px; padding: 11px 10px; text-transform: uppercase; transition: border-color .2s ease, color .2s ease; width: calc(100% - 30px); }
.clear-filters:hover { border-color: var(--shop-accent); color: var(--shop-accent); }

.catalog-results { min-height: 570px; }
.product-grid[hidden], .catalog-state[hidden], .catalog-load-more[hidden], .filter-backdrop[hidden] { display: none !important; }
.product-grid { --product-card-media-height: clamp(260px, 24vw, 350px); display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.catalog-load-more { align-items: center; display: flex; justify-content: center; padding: 38px 0 6px; }
.shop-load-more-button { background: var(--shop-green); border: 1px solid var(--shop-green); border-radius: 7px; color: #fff; font-size: 10px; font-weight: 600; letter-spacing: .02em; min-height: 46px; min-width: 210px; padding: 12px 24px; transition: background-color .2s ease, border-color .2s ease, transform .2s ease; white-space: nowrap; }
.shop-load-more-button:hover { background: #314635; border-color: #314635; }
.shop-load-more-button:active { transform: translateY(1px); }
.shop-load-more-button:focus-visible { outline: 2px solid var(--shop-accent); outline-offset: 3px; }

.catalog-state { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 520px; text-align: center; }
.loading-mark { align-items: center; border: 1px solid var(--shop-accent); border-radius: 50%; color: var(--shop-accent); display: flex; font-family: var(--display); font-size: 16px; height: 56px; justify-content: center; margin-bottom: 20px; width: 56px; }
.catalog-loading .loading-mark { animation: loadingPulse 1.7s ease-in-out infinite; }
.catalog-state h2 { font-family: var(--display); font-size: 38px; font-weight: 400; letter-spacing: -.035em; margin: 0 0 13px; }
.catalog-state p { color: var(--shop-muted); font-size: 10px; line-height: 1.7; margin: 0; max-width: 380px; }
.shop-outline-button { background: transparent; border: 0; border-bottom: 1px solid var(--shop-accent); color: var(--shop-accent); font-size: 8px; letter-spacing: .1em; margin-top: 22px; padding: 0 0 6px; text-transform: uppercase; }
.shop-toast { background: var(--shop-green); bottom: 24px; color: #fff; font-size: 9px; left: 50%; opacity: 0; padding: 12px 18px; pointer-events: none; position: fixed; transform: translate(-50%, 12px); transition: opacity .25s ease, transform .25s ease; z-index: 40; }
.shop-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

@keyframes loadingPulse { 0%, 100% { opacity: .42; transform: scale(.94); } 50% { opacity: 1; transform: scale(1); } }
@keyframes atlasReveal { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1180px) {
  .shop-intro-grid { grid-template-columns: 250px 1fr 205px; }
  .origin-explorer-toggle { gap: 14px; grid-template-columns: 42px minmax(200px, 1fr) auto 18px; }
  .origin-selection-summary { display: none; }
  .origin-inspector { padding-left: 26px; padding-right: 26px; }
  .catalog-layout { gap: 20px; grid-template-columns: 190px minmax(0, 1fr); }
}

@media (max-width: 800px) {
  .shop-page { padding: 142px 5vw 55px; }
  .shop-intro { padding-top: 25px; }
  .shop-breadcrumbs { margin-bottom: 20px; }
  .shop-intro-grid { align-items: start; display: flex; flex-wrap: wrap; gap: 18px; justify-content: space-between; }
  .shop-title-block { flex: 1 0 100%; }
  .shop-title-block h1 { font-size: 48px; }
  .shop-title-block p { max-width: 310px; }
  .catalog-count { align-self: center; justify-self: auto; margin: 0; order: 2; }
  .sort-control { margin: 0; min-width: 190px; order: 3; }
  .mobile-catalog-actions { border-bottom: 1px solid var(--shop-line); border-top: 1px solid var(--shop-line); display: grid; gap: 12px; grid-template-columns: auto 1fr; margin-top: 23px; padding: 10px 0; }
  .filter-toggle { align-items: center; background: transparent; border: 0; display: flex; font-size: 9px; gap: 8px; letter-spacing: .06em; padding: 7px 0; text-transform: uppercase; }
  .mobile-search { align-items: center; display: flex; justify-self: end; max-width: 210px; width: 100%; }
  .mobile-search span { margin-right: 7px; }
  .mobile-search input { background: transparent; border: 0; font-size: 9px; outline: 0; width: 100%; }
  .origin-explorer { margin-bottom: 27px; margin-top: 1px; }
  .origin-explorer-bar { min-height: 82px; }
  .origin-explorer-toggle { gap: 12px; grid-template-columns: 36px minmax(0, 1fr) 18px; min-height: 82px; padding: 0 15px; }
  .origin-globe { height: 34px; width: 34px; }
  .origin-bar-copy strong { font-size: 21px; }
  .origin-bar-copy small { font-size: 7px; }
  .origin-selection-summary, .origin-toggle-label { display: none; }
  .origin-clear { font-size: 0; margin-right: 14px; padding-left: 13px; }
  .origin-clear span { font-size: 18px; }
  .origin-explorer-panel { min-height: 0; }
  .origin-atlas-desktop { display: none; }
  .origin-mobile-selector { display: block; padding: 23px 17px 20px; }
  .origin-mobile-fields { display: grid; gap: 9px; grid-template-columns: 1fr 1fr; }
  .origin-mobile-fields label { color: var(--ink-soft); font-size: 7px; letter-spacing: .09em; text-transform: uppercase; }
  .origin-mobile-fields select { background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; font-size: 16px; min-height: 44px; min-width: 0; padding: 10px 22px 10px 0; width: 100%; }
  .origin-mobile-detail { border-top: 1px solid var(--line); margin-top: 21px; padding-top: 17px; }
  .origin-mobile-detail h3 { font-family: var(--display); font-size: 27px; font-weight: 400; letter-spacing: -.035em; margin: 0 0 8px; }
  .origin-mobile-detail p { color: var(--shop-muted); font-size: 8px; line-height: 1.65; margin: 0; }
  .origin-mobile-detail dl { display: grid; gap: 8px; margin: 14px 0 0; }
  .origin-mobile-detail div { display: grid; gap: 10px; grid-template-columns: 80px 1fr; }
  .origin-mobile-detail dt { color: var(--ink-soft); font-size: 6px; letter-spacing: .08em; text-transform: uppercase; }
  .origin-mobile-detail dd { font-size: 8px; margin: 0; }
  .origin-apply-mobile { margin-top: 20px; }
  .catalog-layout { display: block; padding-top: 17px; }
  .catalog-filters { background: var(--shop-paper); border-radius: 0; bottom: 0; left: 0; max-height: none; max-width: 340px; overflow-y: auto; padding-bottom: 20px; position: fixed; top: 0; transform: translateX(-105%); transition: transform .3s ease; width: 88vw; z-index: 30; }
  .catalog-filters.is-open { transform: translateX(0); }
  .filter-mobile-head { align-items: center; border-bottom: 1px solid var(--shop-line); display: flex; justify-content: space-between; padding: 18px 16px; }
  .filter-mobile-head strong { font-family: var(--display); font-size: 24px; font-weight: 400; }
  .filter-mobile-head button { background: transparent; border: 0; font-size: 25px; }
  .filter-heading, .catalog-search { display: none; }
  .filter-backdrop { background: rgba(9,29,12,.56); inset: 0; position: fixed; z-index: 29; }
  body.filters-open { overflow: hidden; }
  .product-grid { --product-card-media-height: clamp(250px, 55vw, 330px); gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
}

@media (max-width: 440px) {
  .shop-intro-grid { display: block; }
  .catalog-count { margin: 19px 0 12px; }
  .sort-control { width: 100%; }
  .origin-mobile-fields { grid-template-columns: 1fr; }
  .origin-mobile-fields label:nth-of-type(2) { margin-top: 8px; }
  .product-grid { gap: 10px; }
  .product-grid { --product-card-media-height: 300px; }
  .catalog-load-more { padding-top: 28px; }
  .shop-load-more-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .catalog-loading .loading-mark { animation: none; }
  .origin-toggle-mark, .origin-map-canvas .map-plane { transition: none; }
  .origin-explorer.is-open .origin-explorer-panel { animation: none; }
  .shop-load-more-button { transition: none; }
  html:focus-within { scroll-behavior: auto; }
}

.shop-collection-notice:not([hidden]) { align-items: center; background: var(--shop-paper); border-left: 3px solid var(--accent); display: flex; flex-wrap: wrap; font-size: 14px; gap: 12px 24px; margin: 20px 0 0; padding: 12px 16px; }
.shop-collection-notice button { background: transparent; border: 0; color: var(--accent-ink); cursor: pointer; font-size: 13px; min-height: 40px; padding: 8px 0; text-decoration: underline; text-underline-offset: 4px; }
/* Keep the title readable when an origin filter adds the clear action. */
@media (max-width: 800px) {
  .origin-explorer-bar { flex-wrap: wrap; }
  .origin-explorer-toggle { flex-basis: 100%; }
  .origin-clear { border-left: 0; height: 44px; margin: 0 18px 8px; padding: 0; }
  .origin-mobile-detail div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .origin-mobile-detail dl { gap: 14px; }
}


/* Keep the atlas visible and usable on phones. */
@media (max-width: 800px) {
  .origin-atlas-desktop { display: block; min-height: 0; }
  .origin-map-workspace { border-right: 0; padding: 16px 12px 0; }
  .origin-map-toolbar { margin-bottom: 12px; }
  .origin-map-toolbar > p { font-size: 13px; line-height: 1.5; }
  .origin-map-stage { height: auto; overflow: hidden; }
  .origin-map-canvas { height: clamp(220px, 64vw, 420px); }
  .origin-breadcrumbs {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 12px;
    flex-wrap: wrap;
  }
  .origin-breadcrumbs button {
    min-height: 44px;
    min-width: 44px;
    font-size: 13px;
    padding: 8px 24px 8px 12px;
    overflow-wrap: anywhere;
  }
  .origin-inspector { display: none; }
  .origin-mobile-selector { padding: 20px 16px; }
  .origin-mobile-fields { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .origin-mobile-fields label { font-size: 13px; letter-spacing: 0; text-transform: none; }
  .origin-mobile-detail p, .origin-mobile-detail dd { font-size: 14px; line-height: 1.6; }
  .origin-mobile-detail dt { font-size: 12px; letter-spacing: 0; text-transform: none; }
  .origin-mobile-detail div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .origin-apply-mobile { min-height: 48px; font-size: 14px; }
  .origin-map-stage.is-map-error .origin-map-loading { padding: 24px; text-align: center; font-size: 14px; }
}
@media (hover: none) {
  .origin-map-tooltip { display: none; }
}