.nav-links { gap: .85rem; }
.nav-links a { font-size: .88rem; }
.nav-links .btn { padding-inline: 1.1rem; white-space: nowrap; }
.nav-links a[aria-current="page"] { color: var(--copper-light); text-decoration: underline; text-underline-offset: .4em; }
.nav-toggle { flex-shrink: 0; }
section[id] { scroll-margin-top: 5.5rem; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--copper-light); outline-offset: 5px; }
.commerce-section { background: #e5eeee; }
.commerce-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.commerce-card { display: flex; flex-direction: column; align-items: flex-start; gap: 1.2rem; padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); }
.commerce-card-dark { background: var(--petrol-900); color: var(--white); border-color: transparent; }
.commerce-card-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; }
.commerce-icon { display: grid; place-items: center; width: 4rem; height: 4rem; border: 1px solid var(--line); border-radius: 1.15rem; color: var(--petrol-900); background: var(--paper); flex-shrink: 0; }
.commerce-icon svg { width: 2rem; height: 2rem; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.commerce-card-dark .commerce-icon { color: var(--copper-light); border-color: rgba(228,181,142,.3); background: rgba(255,255,255,.06); }
.commerce-status { display: inline-flex; align-items: center; gap: .5rem; padding: .35rem .75rem; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .78rem; font-weight: 700; white-space: nowrap; }
.commerce-status::before { content: ""; width: .4rem; height: .4rem; border-radius: 50%; background: var(--copper); }
.commerce-card-dark .commerce-status, .commerce-intro .commerce-status { border-color: rgba(228,181,142,.32); color: var(--copper-light); }
.commerce-card h3 { font-family: var(--serif); font-size: clamp(1.85rem, 3vw, 2.5rem); font-weight: 500; }
.commerce-card p { max-width: 30rem; color: var(--muted); }
.commerce-card-dark p { color: rgba(255,255,255,.76); }
.commerce-card .btn { margin-top: auto; }
.commerce-intro { position: relative; overflow: hidden; padding-block: clamp(3rem, 7vw, 6rem); background: var(--petrol-950); color: var(--white); }
.commerce-intro::after { position: absolute; width: 38rem; height: 38rem; right: -15rem; bottom: -20rem; border: 1px solid rgba(198,130,82,.2); border-radius: 50%; content: ""; pointer-events: none; }
.commerce-intro-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, .7fr); gap: 3rem; align-items: center; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: 2.75rem; color: rgba(255,255,255,.6); font-size: .85rem; }
.breadcrumbs a { color: rgba(255,255,255,.8); text-underline-offset: .2em; }
.commerce-intro h1 { margin-top: .85rem; font-size: clamp(2.65rem, 5.5vw, 4.75rem); }
.commerce-intro h1 span { color: var(--copper-light); }
.commerce-intro .lead { max-width: 42rem; margin-top: 1.5rem; color: rgba(255,255,255,.76); }
.commerce-emblem { position: relative; display: grid; place-items: center; width: min(100%, 17rem); aspect-ratio: 1; justify-self: end; border: 1px solid rgba(228,181,142,.35); border-radius: 50%; color: var(--copper-light); background: rgba(255,255,255,.025); }
.commerce-emblem::before { position: absolute; inset: 1rem; border: 1px solid rgba(228,181,142,.12); border-radius: 50%; content: ""; }
.commerce-emblem svg { width: 46%; height: 46%; fill: none; stroke: currentColor; stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; }
.commerce-catalogue { padding-block: clamp(3.5rem, 7vw, 6rem); }
.catalogue-empty { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2rem; align-items: start; padding: clamp(1.5rem, 4vw, 3.5rem); border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); }
.catalogue-empty .commerce-icon { width: 5rem; height: 5rem; border-radius: 1.4rem; }
.catalogue-empty .commerce-icon svg { width: 2.5rem; height: 2.5rem; }
.catalogue-empty h2 { font-size: clamp(1.9rem, 3.5vw, 3rem); }
.catalogue-empty .lead { max-width: 43rem; margin-top: 1rem; font-size: 1.05rem; }
.catalogue-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.75rem; }
.commerce-help { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2rem clamp(0rem, 4vw, 3.5rem) 0; }
.commerce-help h2 { font-family: var(--serif); font-size: 1.55rem; }
.commerce-help p { margin-top: .45rem; color: var(--muted); }
.commerce-help a { color: var(--petrol-900); font-weight: 800; white-space: nowrap; text-underline-offset: .25em; }
@media (max-width: 1180px) {
  .nav-toggle { display: block; }
  .nav-links { position: absolute; inset: 5rem 0 auto; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 1rem; background: var(--petrol-950); box-shadow: var(--shadow); max-height: calc(100svh - 5rem); overflow-y: auto; }
  .nav-links.open { display: flex; }
  .nav-links a { padding: .8rem 1rem; }
  .nav-links .btn { margin-top: .5rem; }
  .nav-links .instagram-link { width: auto; height: auto; justify-content: flex-start; gap: .65rem; border: 0; border-radius: 0; }
  .nav-links .instagram-link:hover { transform: none; background: transparent; }
  .nav-links .instagram-label { position: static; width: auto; height: auto; overflow: visible; clip: auto; clip-path: none; white-space: normal; }
}
@media (max-width: 700px) {
  .commerce-grid, .commerce-intro-grid { grid-template-columns: 1fr; }
  .commerce-intro-grid { gap: 0; }
  .commerce-emblem { display: none; }
  .breadcrumbs { margin-bottom: 2rem; }
  .catalogue-empty { grid-template-columns: 1fr; gap: 1.5rem; }
  .catalogue-actions { flex-direction: column; align-items: stretch; }
  .commerce-help { align-items: flex-start; flex-direction: column; gap: 1rem; }
}
@media (max-width: 620px) {
  .commerce-intro h1 { font-size: clamp(1.85rem, 8.5vw, 3.3rem); }
}