body:has(.catalogue-home) { background: #f8f6f2; }
.catalogue-home { width: min(1360px, calc(100% - 64px)); margin: 0 auto; padding: 42px 0 64px; color: #2c2c28; font-family: 'Open Sans', sans-serif; }
.catalogue-intro { display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: center; margin-bottom: 32px; }
.catalogue-eyebrow { color: #71684f; font-size: 12px; line-height: 1.5; font-weight: 600; text-transform: uppercase; letter-spacing: .18em; margin: 0 0 14px; }
.catalogue-intro .catalogue-title { font-size: clamp(32px, 3.3vw, 48px); font-weight: 600; line-height: 1.14; letter-spacing: -.035em; margin: 0; }
.catalogue-intro-copy { color: #59574f; font-size: 16px; line-height: 1.7; padding-left: 28px; border-left: 1px solid #d8d3c4; margin: 20px 0 0; }
.catalogue-directions { display: grid; grid-template-columns: 1.08fr 1fr; gap: 20px; }
.trade-panel { display: flex; flex-direction: column; min-width: 0; border: 1px solid #d8d3c4; border-radius: 18px; overflow: hidden; }
.trade-photo { height: clamp(230px, 22vw, 320px); position: relative; overflow: hidden; background: #eeece3; }
.trade-photo img { width: 100%; height: 100%; display: block; object-fit: cover; }
.trade-photo > span { position: absolute; left: 22px; top: 22px; padding: 10px 16px; border-radius: 6px; background: #f8f6f2; color: #59513e; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: .12em; }
.trade-content { padding: 24px; display: flex; flex: 1; flex-direction: column; }
.trade-content h2 { font-size: 34px; font-weight: 600; letter-spacing: -.03em; margin: 0 0 8px; }
.trade-content > p { color: #59574f; line-height: 1.6; font-size: 15px; margin: 0 0 18px; }
.trade-categories { display: grid; border-top: 1px solid #d8d3c4; padding: 15px 0 22px; gap: 0 20px; }
.trade-categories-export { grid-template-columns: 1.2fr 1.3fr .8fr; }
.trade-categories a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 0; min-height: 40px; font-size: 13px; color: #2c2c28; line-height: 1.5; }
.trade-categories a span { color: #71684f; }
.trade-categories a:hover { color: #59513e; text-decoration: underline; text-underline-offset: 4px; }
.trade-categories-import a { max-width: 230px; }
.trade-explore { margin-top: auto; display: flex; justify-content: center; align-items: center; gap: 18px; min-height: 48px; border-radius: 8px; padding: 12px 20px; color: #fff; background: #71684f; font-size: 14px; font-weight: 600; transition: background .2s; }
.trade-explore:hover { color: #fff; background: #59513e; }
.catalogue-enquiry { display: flex; align-items: center; gap: 28px; border-top: 1px solid #d8d3c4; margin-top: 28px; padding-top: 28px; }
.catalogue-enquiry h2 { font-size: 20px; font-weight: 600; margin: 0; letter-spacing: -.025em; }
.catalogue-enquiry p { margin: 0; padding-left: 28px; border-left: 1px solid #d8d3c4; font-size: 13px; color: #59574f; }
.catalogue-enquiry a { margin-left: auto; color: #59513e; font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; white-space: nowrap; padding: 10px 0; }
.catalogue-home a:focus-visible { outline: 2px solid #71684f; outline-offset: 4px; }
@media (max-width: 1100px) { .catalogue-intro { grid-template-columns: 1fr 260px; gap: 24px; } .trade-categories-export { grid-template-columns: repeat(2,minmax(0,1fr)); } .catalogue-enquiry { flex-wrap: wrap; } }
@media (max-width: 767px) { .catalogue-home { width: calc(100% - 32px); padding-top: 24px; } .catalogue-intro { grid-template-columns: 1fr; gap: 18px; } .catalogue-intro-copy { margin: 0; padding: 0; border: 0; max-width: 38ch; } .catalogue-directions { grid-template-columns: 1fr; gap: 24px; } .trade-photo { height: auto; aspect-ratio: 2 / 1; } .trade-content { padding: 22px; } .trade-content h2 { font-size: 30px; } .trade-categories a { min-height: 44px; } .catalogue-enquiry { display: block; } .catalogue-enquiry p { border: 0; padding: 0; margin: 12px 0; } .catalogue-enquiry a { display: inline-block; } }
@media (prefers-reduced-motion: reduce) { .trade-explore { transition: none; } }

/* Export / Import headings and photos link to their landing pages (Oct 2026). */
a.trade-photo { display: block; }
.trade-photo img { transition: transform .6s cubic-bezier(.16,1,.3,1); }
.trade-panel:has(.trade-title-link:hover) .trade-photo img, a.trade-photo:hover img { transform: scale(1.04); }
.trade-title-link { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 12px; transition: color .2s; }
.trade-title-link:hover, .trade-title-link:focus-visible, .trade-panel:has(a.trade-photo:hover) .trade-title-link { color: #71684f; }
.trade-title-link:active { color: #59513e; }
.trade-title-link:focus-visible { outline: 2px solid #71684f; outline-offset: 6px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) { .trade-photo img { transition: none; transform: none !important; } }