/* 0.7: a technical catalogue hierarchy; loaded after the two functional layout sheets. */
body.ay-catalogue{--ay-ink:#183446;--ay-muted:#4f6575;--ay-line:#c9d5df;--ay-soft:#edf2f5;--ay-display:Bahnschrift,'Segoe UI',Arial,sans-serif;color:var(--ay-ink);font-size:16px}
.ay-catalogue h1,.ay-catalogue h2,.ay-catalogue h3{font-family:var(--ay-display);font-weight:700;letter-spacing:-.02em}
.ay-catalogue h1,.ay-category .ay-intro h1{font-size:clamp(32px,3.2vw,46px);line-height:1.12}
.ay-catalogue h2,.ay-category .ay-list-heading h2{font-size:30px;line-height:1.2;margin-bottom:14px}
.ay-catalogue h3{line-height:1.35}
.ay-catalogue .ay-eyebrow{font:700 11px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:.1em;margin-bottom:10px}
.ay-catalogue .ay-intro{padding:12px 0 28px}
.ay-catalogue .ay-intro>p:last-child{font-size:17px;line-height:1.75;color:var(--ay-muted);max-width:860px}
.ay-catalogue .ay-section{padding:44px 0;border-bottom:0}
.ay-catalogue .ay-section+.ay-section{border-top:1px solid var(--ay-line)}
.ay-section-heading{margin-bottom:25px;max-width:960px}
.ay-section-heading>p:last-child:not(.ay-eyebrow){font-size:16px;line-height:1.75;color:var(--ay-muted);max-width:820px}
.ay-catalogue .ay-page-nav{border-top:1px solid var(--ay-line);border-bottom:2px solid var(--ay-line);gap:27px;scrollbar-width:thin}
.ay-catalogue .ay-page-nav a{font-size:14px;font-weight:600;padding-top:16px;padding-bottom:15px}
.ay-catalogue .ay-page-nav a[aria-current]{border-bottom-width:4px;color:var(--ay-blue)}
.ay-catalogue .ay-button{font-size:14px;font-weight:700;padding:12px 20px;border-radius:3px}
.ay-catalogue .ay-button:hover{background:var(--ay-ink);border-color:var(--ay-ink)}
.ay-catalogue .ay-sidebar summary{font-weight:700}
.ay-catalogue .ay-sidebar nav a{font-size:13px}
.ay-catalogue .ay-sidebar a[aria-current]{font-weight:700}
.ay-catalogue .ay-prose{color:var(--ay-ink);font-size:16px;line-height:1.8;max-width:none}

/* A compact, data-driven configuration sheet, not decorative statistics. */
.ay-category-profile{background:var(--ay-soft);border-left:4px solid var(--ay-blue);margin:0 0 30px;padding:20px 24px}
.ay-category-profile .ay-profile-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:13px}
.ay-category-profile dl{display:grid;grid-template-columns:.65fr 1.5fr .8fr;gap:25px}
.ay-category-profile dt{font-size:12px;color:var(--ay-muted);margin-bottom:7px}
.ay-category-profile dd{margin:0;font-weight:600;font-size:15px;line-height:1.75}
.ay-category-profile dl>div:first-child dd{font-family:Consolas,monospace;font-size:19px;color:var(--ay-blue)}
.ay-category-profile .ay-profile-note{font-size:12px;color:var(--ay-muted);margin-top:14px}
.ay-category .ay-list-heading p:not(.ay-eyebrow){font-size:15px;line-height:1.7}
.ay-category .ay-list-heading .ay-eyebrow{margin-bottom:9px}
.ay-category .ay-result{font-size:14px}
.ay-category .ay-product-grid{gap:24px}
.ay-category .ay-product-card{border-radius:3px;border-color:var(--ay-line);border-top:3px solid var(--ay-blue)}
.ay-category .ay-card-body{padding:24px}
.ay-category .ay-product-card h3{font-size:24px;line-height:1.25;font-weight:700;margin-bottom:0}
.ay-category .ay-product-card h3 a{color:var(--ay-ink)}
.ay-category .ay-product-card h3 a:hover{color:var(--ay-blue)}
.ay-category .ay-product-card .ay-card-kicker{font-size:12px;font-weight:700}
.ay-category .ay-product-card .ay-card-description{font-size:15px;color:var(--ay-muted);line-height:1.75;margin:14px 0 20px}
.ay-category .ay-product-card dl>div{font-size:14px;grid-template-columns:115px minmax(0,1fr);gap:14px;padding:11px 0}
.ay-category .ay-product-card dl>div:first-child{background:var(--ay-soft);padding:13px;margin:0 0 5px;border:0;grid-template-columns:1fr;gap:6px}
.ay-category .ay-product-card dl>div:first-child dt{font-size:12px;font-weight:700}
.ay-category .ay-product-card dl>div:first-child dd{font-family:Consolas,monospace;font-weight:600;color:var(--ay-ink)}
.ay-category .ay-size-match{font-size:13px;font-weight:600}
.ay-category .ay-product-card .ay-card-image-note{font-size:11px}
.ay-category .ay-list-note{font-size:12px}
.ay-category .ay-results-toolbar{padding:22px 0}

/* Selection: separate the check from the reason, rather than a wall of FAQ text. */
.ay-decision-table{border:1px solid var(--ay-line)}
.ay-decision-head,.ay-decision-table article{display:grid;grid-template-columns:.75fr 1fr 1.1fr;gap:28px;padding:22px}
.ay-decision-head{background:var(--ay-ink);color:#fff;font-size:13px;font-weight:600;padding-top:14px;padding-bottom:14px}
.ay-decision-table article+article{border-top:1px solid var(--ay-line)}
.ay-decision-table article:nth-of-type(even){background:var(--ay-soft)}
.ay-decision-table h3{font-size:19px;line-height:1.45}
.ay-decision-table p{font-size:15px;line-height:1.75;color:var(--ay-ink)}
.ay-decision-label{display:none}
.ay-guide-help{display:grid;grid-template-columns:1fr auto;gap:7px 30px;padding:24px;margin-top:20px;background:var(--ay-soft);border-left:4px solid var(--ay-blue)}
.ay-guide-help strong{font-size:18px}.ay-guide-help p{font-size:14px;grid-column:1;margin:0!important;color:var(--ay-muted)}
.ay-guide-help a{grid-column:2;grid-row:1/3;align-self:center;font-size:14px;font-weight:600}
.ay-supply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ay-blue);background:var(--ay-soft)}
.ay-supply-grid article{padding:25px;display:flex;flex-direction:column}
.ay-supply-grid article+article{border-left:1px solid var(--ay-line)}
.ay-supply-grid h3{font-size:20px;margin-bottom:13px}.ay-supply-grid p{font-size:15px;line-height:1.75;color:var(--ay-muted);margin-bottom:20px}
.ay-supply-grid a{font-size:14px;font-weight:600;margin-top:auto}

/* Product first screen: the assembly beside the actual specification. */
.ay-catalogue .ay-product-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start;margin:4px 0 35px}
.ay-product-visual{position:sticky;top:calc(var(--ay-header) + 20px)}
.ay-catalogue .ay-product-image{border:1px solid var(--ay-line);border-top:3px solid var(--ay-blue);border-radius:3px;min-height:325px;display:flex;align-items:center}
.ay-product-brief{border:1px solid var(--ay-line);border-top:3px solid var(--ay-ink);padding:23px;background:var(--ay-soft)}
.ay-product-brief h2{font-size:29px;margin-bottom:18px}
.ay-product-brief dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:17px;padding:11px 0;border-top:1px solid var(--ay-line)}
.ay-product-brief dt{font-size:12px;font-weight:700;color:var(--ay-muted)}
.ay-product-brief dd{margin:0;font-size:14px;line-height:1.65}
.ay-product-brief .ay-brief-sizes{grid-template-columns:1fr;gap:5px}
.ay-product-brief .ay-brief-sizes dd{font-family:Consolas,monospace;font-weight:600;font-size:15px}
.ay-duty-link{display:inline-block;margin-top:8px;font-size:13px;font-weight:600}
.ay-brief-actions{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}
.ay-brief-actions>a:last-child{font-size:13px;font-weight:600}
.ay-product-brief .ay-selected{font-size:12px;color:var(--ay-muted);margin-top:15px}
.ay-overview-lead{margin-bottom:25px;max-width:900px!important}
.ay-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.ay-overview-grid article{border-top:2px solid var(--ay-line);padding:22px 0}
.ay-overview-grid .ay-prose h3{font-size:21px;line-height:1.35;margin:0 0 14px}
.ay-overview-grid .ay-prose p{font-size:15px;line-height:1.8;color:var(--ay-muted)}
.ay-catalogue .ay-spec-facts{border:1px solid var(--ay-line);border-top:3px solid var(--ay-blue)}
.ay-catalogue .ay-spec-facts>div{padding:18px 22px;grid-template-columns:200px minmax(0,1fr)}
.ay-catalogue .ay-spec-facts>div:first-child{border-top:0}
.ay-catalogue .ay-spec-facts>div:nth-child(odd){background:var(--ay-soft)}
.ay-catalogue .ay-spec-facts dt{font-size:15px;font-weight:700}
.ay-catalogue .ay-spec-facts dd{font-size:15px;color:var(--ay-ink);line-height:1.75}
.ay-condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ay-condition-grid article{padding:24px;background:var(--ay-soft);border-top:3px solid var(--ay-ink)}
.ay-condition-grid h3{font-size:21px;margin-bottom:13px}
.ay-condition-grid p{font-size:15px;line-height:1.8;color:var(--ay-ink)}
.ay-catalogue .ay-table-scroll{border-top:3px solid var(--ay-blue)}
.ay-catalogue .ay-table-scroll thead th{background:var(--ay-ink);color:white;font-size:13px;padding-top:16px;padding-bottom:16px}
.ay-catalogue .ay-table-scroll tbody th{font-weight:700}
.ay-catalogue .ay-table-scroll tbody tr:not(.is-selected):nth-child(even){background:var(--ay-soft)}
.ay-catalogue .ay-enquiry-section{margin-top:15px;padding:32px;background:var(--ay-soft);border-top:4px solid var(--ay-blue)!important;gap:35px}
.ay-catalogue .ay-enquiry-section h2{font-size:30px;max-width:440px}
.ay-catalogue .ay-enquiry-section>div:first-child>p:not(.ay-eyebrow){font-size:16px;line-height:1.8}
.ay-enquiry-section>div[data-ay-enquiry-product]{background:#fff;border:1px solid var(--ay-line);border-radius:3px}

@media(max-width:1150px){
 .ay-category-profile dl{grid-template-columns:1fr 2fr}.ay-category-profile dl>div:last-child{grid-column:1/-1}
 .ay-category .ay-product-card dl>div{grid-template-columns:1fr;gap:5px}
 .ay-category .ay-card-body{padding:20px}
 .ay-product-brief dl>div{grid-template-columns:1fr;gap:5px}
 .ay-product-brief h2{font-size:26px}
 .ay-catalogue .ay-product-hero{gap:22px}
 .ay-decision-head,.ay-decision-table article{gap:18px;padding-left:18px;padding-right:18px}
 .ay-supply-grid article{padding:20px}
}
@media(max-width:980px){
 .ay-catalogue .ay-product-hero{grid-template-columns:1fr}.ay-product-visual{position:static}
 .ay-catalogue .ay-product-image{min-height:0;max-height:350px;justify-content:center}
 .ay-catalogue .ay-product-image svg,.ay-catalogue .ay-product-image img{max-height:330px}
 .ay-product-brief dl>div{grid-template-columns:140px minmax(0,1fr)}
 .ay-product-brief .ay-brief-sizes{grid-template-columns:1fr}
 .ay-supply-grid{grid-template-columns:1fr}.ay-supply-grid article+article{border-left:0;border-top:1px solid var(--ay-line)}
 .ay-condition-grid,.ay-overview-grid{grid-template-columns:1fr}
 .ay-decision-head{display:none}.ay-decision-table article{grid-template-columns:1fr;gap:15px}
 .ay-decision-table h3{font-size:21px}.ay-decision-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:6px;color:var(--ay-muted)}
 .ay-guide-help{grid-template-columns:1fr}.ay-guide-help a{grid-column:1;grid-row:auto;margin-top:8px}
}
@media(max-width:700px){
 .ay-catalogue h1,.ay-category .ay-intro h1{font-size:33px}
 .ay-catalogue .ay-intro>p:last-child{font-size:16px;line-height:1.75}
 .ay-catalogue h2,.ay-category .ay-list-heading h2{font-size:26px!important}
 .ay-catalogue .ay-section{padding:32px 0}.ay-section-heading{margin-bottom:20px}
 .ay-catalogue .ay-page-nav{gap:23px}.ay-catalogue .ay-page-nav a{font-size:13px}
 .ay-category-profile{padding:18px;margin-bottom:25px}.ay-category-profile dl{grid-template-columns:1fr;gap:13px}
 .ay-category-profile dl>div+div{border-top:1px solid var(--ay-line);padding-top:12px}
 .ay-category-profile dt{margin-bottom:4px}.ay-category-profile dd{font-size:14px}
 .ay-category-profile .ay-profile-note{font-size:11px}
 .ay-category .ay-card-body{padding:20px}.ay-category .ay-product-card h3{font-size:24px}
 .ay-category .ay-product-card dl>div{grid-template-columns:95px minmax(0,1fr);font-size:13px}
 .ay-category .ay-product-card dl>div:first-child{grid-template-columns:1fr}
 .ay-catalogue .ay-spec-facts>div{grid-template-columns:1fr;padding:17px;gap:8px}
 .ay-condition-grid article{padding:20px}.ay-condition-grid h3{font-size:21px}
 .ay-product-brief{padding:20px}.ay-product-brief dl>div{grid-template-columns:1fr;gap:4px}
 .ay-product-brief dd{font-size:15px}.ay-product-brief dt{font-size:12px}
 .ay-catalogue .ay-enquiry-section{padding:24px 16px;gap:25px;margin-top:15px}
 .ay-catalogue .ay-enquiry-section h2{font-size:27px!important}
 .ay-catalogue .ay-table-scroll{border:0}
 .ay-catalogue .ay-table-scroll tbody th{background:var(--ay-ink);color:white}
 .ay-catalogue .ay-table-scroll tbody tr{border-color:var(--ay-line)}
 .ay-catalogue .ay-table-scroll tbody tr.is-selected{border:2px solid var(--ay-blue)}
 .ay-catalogue .ay-table-scroll tbody tr.is-selected th{background:var(--ay-blue)}
}
@media(prefers-reduced-motion:no-preference){.ay-catalogue .ay-button{transition:background-color .15s,border-color .15s}}