/* Catalogue presentation only. Reuses the existing V5 brand tokens. */
.sg-catalogue{--sg-green:var(--wp--preset--color--primary);--sg-ink:var(--wp--preset--color--ink);--sg-line:var(--wp--preset--color--line);--sg-muted:var(--wp--preset--color--muted);color:var(--sg-ink)}
.sg-catalogue *{min-width:0}.sg-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;line-height:1.6;font-weight:600}
.sg-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);padding-block:68px 76px}
.sg-hero h1{font-size:clamp(52px,5.6vw,82px);font-weight:500;line-height:.98;letter-spacing:-.045em;margin:20px 0 24px}
.sg-hero-copy>p:not(.sg-kicker){font-size:16px;line-height:1.75;max-width:40ch;color:var(--sg-muted)}
.sg-hero-copy .sg-button{margin-top:28px}.sg-hero-copy .sg-hero-note{margin-top:18px;font-size:12px}
.sg-hero-photo{padding-top:18px;border-top:1px solid var(--sg-line)}
.sg-image{background-repeat:no-repeat;width:100%;background-color:var(--wp--preset--color--panel);display:block}
.sg-hero-photo figcaption{font-family:var(--wp--preset--font-family--display);font-size:25px;padding-top:18px;display:flex;gap:12px;justify-content:space-between;align-items:center}
.sg-hero-photo figcaption span{font-family:var(--wp--preset--font-family--body);font-size:10px;line-height:1.6;max-width:16ch;color:var(--sg-muted);text-align:right}
.sg-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 23px;min-height:52px;background:var(--wp--preset--color--primary);color:var(--wp--preset--color--canvas);border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s}
.sg-button:hover{background:var(--wp--preset--color--ink);text-decoration:none}.sg-button-light{background:var(--wp--preset--color--canvas);color:var(--wp--preset--color--ink)}.sg-button-light:hover{background:var(--wp--preset--color--sand)}
.sg-browser{padding-block:48px 70px;border-top:1px solid var(--sg-line);scroll-margin-top:24px}
.sg-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}
.sg-section-heading h2{font-size:clamp(36px,3.6vw,52px);line-height:1.08;margin-top:14px}
.sg-section-heading>p{font-size:13px;line-height:1.7;max-width:37ch;color:var(--sg-muted)}
.sg-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--sg-line)}
.sg-scene{display:flex;align-items:flex-start;gap:18px;padding:26px 24px;min-height:130px;text-decoration:none;border-right:1px solid var(--sg-line);transition:background .2s,color .2s}
.sg-scene:last-child{border-right:0}.sg-scene[aria-current]{background:var(--sg-green);color:var(--wp--preset--color--canvas)}.sg-scene:hover{text-decoration:none;background:var(--wp--preset--color--panel)}.sg-scene[aria-current]:hover{background:var(--sg-ink)}
.sg-scene-index{font-size:11px;padding-top:3px}.sg-scene-label{font-size:17px;line-height:1.45;flex:1}.sg-scene-label small{display:block;font-size:11px;margin-top:12px;opacity:.8}
.sg-selection>p{font-size:13px;line-height:1.7;margin:20px 0}.sg-types{display:flex;flex-wrap:wrap;gap:10px}
.sg-types a{display:inline-flex;align-items:center;gap:18px;font-size:13px;min-height:46px;padding:10px 17px;border:1px solid var(--sg-line);text-decoration:none;background:transparent}.sg-types a[aria-current]{border-color:var(--sg-green);box-shadow:inset 0 -2px var(--sg-green)}.sg-types a:hover{background:var(--wp--preset--color--panel)}.sg-types span{font-size:11px;color:var(--sg-muted)}
.sg-results-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin:48px 0 28px;padding-top:28px;border-top:1px solid var(--sg-line)}.sg-results-heading h2{font-size:40px;line-height:1.1}.sg-results-heading p{font-size:12px;line-height:1.7;margin-top:10px;color:var(--sg-muted)}
.sg-search{width:255px;max-width:100%}.sg-search label{display:block;font-size:11px;margin-bottom:8px}.sg-search>div{display:flex;border-bottom:1px solid var(--sg-ink)}.sg-search input{border:0;background:transparent;width:100%;font:inherit;font-size:13px;min-height:44px;padding:8px 3px}.sg-search button{font:inherit;font-size:12px;border:0;background:transparent;min-height:44px;padding:8px 12px;cursor:pointer}
.sg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px}.sg-open{position:relative;display:block;overflow:hidden}.sg-open .sg-image{transition:transform .22s}.sg-expand{position:absolute;right:12px;bottom:12px;background:var(--wp--preset--color--canvas);width:36px;height:36px;display:grid;place-items:center;font-size:18px}.sg-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-top:14px;border-bottom:1px solid var(--sg-line);padding-bottom:16px}.sg-card h3{font-family:var(--wp--preset--font-family--body);font-size:15px;font-weight:600;line-height:1.4}.sg-card-meta p{font-size:11px;color:var(--sg-muted);margin-top:5px}.sg-enquire{font-size:12px;display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:-10px;text-decoration:none}.sg-enquire:hover{text-decoration:underline}
.sg-reference-note{font-size:12px;color:var(--sg-muted);line-height:1.8;max-width:90ch;margin-top:38px;padding-top:20px;border-top:1px solid var(--sg-line)}
.sg-next{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:60px;padding-block:54px 76px;border-top:1px solid var(--sg-line)}.sg-next h2{font-size:43px;line-height:1.06}.sg-next ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.sg-next li>span{font-size:11px;display:block;padding-bottom:16px;border-bottom:1px solid var(--sg-line);margin-bottom:16px}.sg-next h3{font-family:var(--wp--preset--font-family--body);font-size:14px;font-weight:600}.sg-next li p{font-size:12px;line-height:1.8;color:var(--sg-muted);margin-top:8px}
.sg-quote{background:var(--sg-green);color:var(--wp--preset--color--canvas);padding-block:64px}.sg-quote>.section-wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.sg-quote h2{font-size:clamp(40px,4.4vw,62px);line-height:1.04;margin:18px 0}.sg-quote p:not(.sg-kicker){font-size:14px;line-height:1.8}.sg-quote .sg-button{flex-shrink:0}
.sg-dialog{border:0;padding:0;background:var(--wp--preset--color--canvas);color:var(--wp--preset--color--ink);width:min(1120px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);overflow:auto}.sg-dialog::backdrop{background:rgba(20,29,24,.78)}.sg-close{display:flex;align-items:center;gap:15px;margin-left:auto;position:sticky;top:0;z-index:2;border:0;background:var(--wp--preset--color--canvas);font:inherit;font-size:12px;padding:12px 20px;min-height:48px;cursor:pointer}.sg-close span{font-size:25px;line-height:1}.sg-dialog-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:36px;padding:0 30px 36px}.sg-dialog-copy h2{font-family:var(--wp--preset--font-family--display);font-size:43px;margin:16px 0}.sg-dialog-copy>p:not(.sg-kicker){font-size:13px;line-height:1.8;margin:12px 0}.sg-dialog-copy .sg-button{margin-top:16px;width:100%;justify-content:center}.sg-dialog-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--wp--preset--color--line);padding-top:16px;margin-top:24px}.sg-dialog-navigation button{font:inherit;font-size:12px;min-height:44px;background:transparent;border:0;cursor:pointer}.sg-dialog-navigation button:disabled{opacity:.4;cursor:default}.sg-dialog-position{font-size:11px}.sg-dialog-open{overflow:hidden}
.sg-empty{padding:40px 0}.sg-empty h3{font-size:32px}.sg-empty p{margin:15px 0 24px}.sg-empty>a{margin:0 20px 15px 0}.sg-focus{display:grid;grid-template-columns:7fr 5fr;gap:30px;padding:30px 0 45px;border-bottom:1px solid var(--sg-line);margin-bottom:35px;scroll-margin-top:20px}.sg-focus>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.sg-focus p{font-size:14px;line-height:1.8}
.sg-rfq-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;padding:20px 0 25px;border-block:1px solid var(--wp--preset--color--line);margin-bottom:30px;align-items:start}.sg-rfq-context h2{font-family:var(--wp--preset--font-family--display);font-size:30px;margin:8px 0}.sg-rfq-context p,.sg-rfq-context a{font-size:12px;line-height:1.7}.sg-rfq-context .sg-rfq-note{margin-top:12px;color:var(--wp--preset--color--muted)}
.sg-catalogue a:focus-visible,.sg-catalogue button:focus-visible,.sg-catalogue input:focus-visible{outline:3px solid var(--wp--preset--color--focus);outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.sg-open:hover .sg-image{transform:scale(1.02)}}
@media(max-width:1023px){.sg-hero{gap:30px}.sg-hero h1{font-size:58px}.sg-scene{padding:22px 16px;gap:10px}.sg-scene-label{font-size:15px}.sg-grid{gap:32px 18px}.sg-next{grid-template-columns:1fr;gap:32px}.sg-dialog-layout{grid-template-columns:1fr 1fr;gap:24px}.sg-dialog-copy h2{font-size:34px}}
@media(max-width:767px){.sg-hero{grid-template-columns:1fr;padding-block:36px 38px;gap:32px}.sg-hero h1{font-size:clamp(44px,11vw,60px);margin:16px 0 20px}.sg-hero-copy>p:not(.sg-kicker){font-size:14px;max-width:40ch}.sg-hero-copy .sg-button{margin-top:22px}.sg-hero-photo{padding-top:12px}.sg-hero-photo figcaption{font-size:22px;padding-top:12px}.sg-hero-photo figcaption span{font-size:9px}.sg-browser{padding-block:34px 40px}.sg-section-heading{display:block;margin-bottom:24px}.sg-section-heading h2{font-size:36px}.sg-section-heading>p{margin-top:16px;font-size:12px}.sg-scenes{grid-template-columns:1fr}.sg-scene{padding:18px;min-height:0;border-right:0;border-bottom:1px solid var(--sg-line);align-items:center;gap:17px}.sg-scene:last-child{border-bottom:0}.sg-scene-label{font-size:15px}.sg-scene-label small{margin-top:4px;font-size:10px}.sg-selection>p{font-size:12px;margin:18px 0}.sg-types{gap:8px}.sg-types a{font-size:12px;padding:10px 12px;gap:12px}.sg-results-heading{display:block;margin:30px 0 22px;padding-top:24px}.sg-results-heading h2{font-size:34px}.sg-search{width:100%;margin-top:22px}.sg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.sg-card-meta{display:block;padding:12px 0 5px}.sg-card h3{font-size:13px}.sg-enquire{margin-top:5px;font-size:11px;min-height:36px}.sg-expand{width:28px;height:28px;right:8px;bottom:8px;font-size:15px}.sg-reference-note{font-size:11px;margin-top:28px}.sg-next{padding-block:35px 42px;gap:26px}.sg-next h2{font-size:35px}.sg-next ol{grid-template-columns:1fr;gap:20px}.sg-next li{display:flex;gap:20px;align-items:start}.sg-next li>span{padding-top:4px;border:0;margin:0;flex:0 0 24px}.sg-next h3{font-size:14px}.sg-next li p{font-size:12px;margin-top:5px}.sg-quote{padding-block:40px}.sg-quote>.section-wrap{display:block}.sg-quote h2{font-size:40px}.sg-quote p:not(.sg-kicker){font-size:13px}.sg-quote .sg-button{margin-top:24px;width:100%}.sg-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.sg-dialog-layout{grid-template-columns:1fr;gap:20px;padding:0 18px 24px}.sg-dialog-copy h2{font-size:32px;margin:12px 0}.sg-dialog-copy>p:not(.sg-kicker){font-size:12px}.sg-close{min-height:48px}.sg-focus{grid-template-columns:1fr}.sg-rfq-context{grid-template-columns:1fr 1fr;gap:14px}.sg-rfq-context h2{font-size:25px}.sg-rfq-context .sg-rfq-note{font-size:11px}}
@media(max-width:359px){.sg-grid{grid-template-columns:1fr}.sg-card-meta{display:flex}.sg-enquire{margin-top:-6px;min-height:44px}.sg-rfq-context{grid-template-columns:1fr}.sg-dialog-navigation{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.sg-catalogue *{transition:none!important;scroll-behavior:auto!important}}
/* Pagination, purchase controls and visible pending feedback. */
.sg-pagination { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:32px 8px; margin-top:20px; border-top:1px solid var(--sg-line); }
.sg-page-numbers { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.sg-pagination a,.sg-pagination span { display:inline-flex; align-items:center; justify-content:center; min-height:44px; font-size:14px; text-decoration:none; }
.sg-page-numbers a,.sg-page-numbers span { min-width:44px; border:1px solid var(--sg-line); border-radius:2px; }
.sg-page-numbers [aria-current] { background:var(--sg-green); color:var(--wp--preset--color--canvas); border-color:var(--sg-green); }
.sg-pagination [aria-disabled] { color:var(--sg-muted); opacity:.55; }
.sg-page-direction { padding-inline:8px; }
.sg-pagination a:hover { background:var(--wp--preset--color--panel); color:var(--sg-green); }
.sg-live-status:not(.screen-reader-text) { position:fixed; top:16px; left:50%; transform:translateX(-50%); z-index:100; background:var(--sg-green); color:var(--wp--preset--color--canvas); padding:10px 20px; font-size:14px; border-radius:3px; pointer-events:none; }
.sg-updating .sg-browser { cursor:progress; }
.sg-updating .sg-grid { opacity:.72; }
.sg-grid { transition:opacity 160ms ease; }
.sg-results-heading { scroll-margin-top:24px; }
.sg-card h3 { font-size:16px; }
.sg-enquire { font-size:14px; min-height:44px; }
.sg-card-meta p { font-size:12px; }
.sg-dialog-image { touch-action:pan-y pinch-zoom; }
.sg-dialog-navigation button { font-size:14px; }
@media(max-width:767px) {
 .sg-enquire { font-size:13px; min-height:44px; }
 .sg-card h3 { font-size:14px; }
 .sg-pagination { flex-wrap:wrap; gap:12px; }
 .sg-page-numbers { order:-1; flex-basis:100%; }
 .sg-dialog-copy>p:not(.sg-kicker) { font-size:14px; }
 .sg-section-heading>p,.sg-selection>p { font-size:14px; }
}

/* The image retains its identity as it expands; procurement actions stay still. */
html.sg-enhanced { scrollbar-gutter:stable; }
.sg-dialog { overscroll-behavior:contain; }
.sg-image-flight { pointer-events:none; }
.sg-dialog-copy .sg-dialog-reference { padding-top:16px; border-top:1px solid var(--wp--preset--color--line); }
.sg-dialog-copy .sg-dialog-context { color:var(--wp--preset--color--primary); font-weight:600; }
.sg-dialog-copy .sg-button { min-height:54px; }
.sg-dialog-navigation button { text-underline-offset:5px; }
.sg-dialog-navigation button:hover:not(:disabled) { text-decoration:underline; }
.sg-close { font-size:14px; }
.sg-open { isolation:isolate; }
.sg-expand { transition:background 200ms,color 200ms,transform 260ms; }
.sg-scene,.sg-types a { transition:background 180ms,color 180ms,border-color 180ms; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .sg-open:hover .sg-expand { background:var(--sg-green); color:var(--wp--preset--color--canvas); transform:rotate(45deg); }
 .sg-enquire:hover { text-decoration:underline; }
}
@media(max-width:767px) {
 .sg-dialog-layout { padding:0 18px 22px; }
 .sg-dialog-copy .sg-button { min-height:52px; }
 .sg-dialog-copy h2 { margin-block:8px; }
 .sg-dialog-copy .sg-dialog-reference { padding-top:12px; }
}