/* EDIT GUIDE: css/catalog.css
   Page-specific or legacy styles. Shared theme files load later and can override these rules. Check the page stylesheet list before changing colours or spacing.
   Search EDIT BLOCK for selectors/functions; see EDITING-GUIDE.md for the file map.
*/
/* FILE GUIDE: Reusable product-page heroes, cards, dimensional tables, FAQs and responsive grids. */
/* Shared layout for new catalog pages. */
/* Deferred external references: present these as information, not clickable cards. */

/* EDIT BLOCK: .refreshed .catalog-card.reference-static:hover. Change the declarations below; shared overrides may load later. */
.refreshed .catalog-card.reference-static:hover { transform:none; box-shadow:none; border-color:var(--border); }

/* EDIT BLOCK: .reference-pending. Change the declarations below; shared overrides may load later. */
.reference-pending { display:block; margin-top:20px; color:#526778; font-size:13px; }

/* EDIT BLOCK: .refreshed .reference-text. Change the declarations below; shared overrides may load later. */
.refreshed .reference-text { text-decoration:none; cursor:text; }
/* Dimensions reference: readable tables, overflow handling and related reference links. */

/* EDIT BLOCK: .dimension-access. Change the declarations below; shared overrides may load later. */
.dimension-access { scroll-margin-top:140px; }

/* EDIT BLOCK: .dimension-table-wrap. Change the declarations below; shared overrides may load later. */
.dimension-table-wrap { overflow-x:auto; border:1px solid var(--border); border-radius:14px; align-self:start; }

/* EDIT BLOCK: .dimension-table. Change the declarations below; shared overrides may load later. */
.dimension-table { width:100%; border-collapse:collapse; background:white; font-size:14px; text-align:left; }

/* EDIT BLOCK: .dimension-table caption. Change the declarations below; shared overrides may load later. */
.dimension-table caption { padding:22px; text-align:left; font-weight:700; color:white; background:var(--primary); }

/* EDIT BLOCK: .dimension-table th,.dimension-table td. Change the declarations below; shared overrides may load later. */
.dimension-table th,.dimension-table td { padding:18px; border-bottom:1px solid var(--border); vertical-align:top; }

/* EDIT BLOCK: .dimension-table thead. Change the declarations below; shared overrides may load later. */
.dimension-table thead { background:#edf3f6; }

/* EDIT BLOCK: .dimension-table tbody th. Change the declarations below; shared overrides may load later. */
.dimension-table tbody th { width:38%; color:var(--primary); }

/* EDIT BLOCK: .dimension-table td. Change the declarations below; shared overrides may load later. */
.dimension-table td { color:var(--text-light); }

/* EDIT BLOCK: .dimension-references. Change the declarations below; shared overrides may load later. */
.dimension-references { display:grid; gap:18px; }

/* EDIT BLOCK: .dimension-references .catalog-card. Change the declarations below; shared overrides may load later. */
.dimension-references .catalog-card { display:block; }

/* EDIT BLOCK: .dimension-end-link. Change the declarations below; shared overrides may load later. */
.dimension-end-link { color:var(--primary); text-decoration:underline; font-size:14px; padding:10px 0; }

/* EDIT BLOCK: .dimension-hero-link. Change the declarations below; shared overrides may load later. */
.dimension-hero-link { display:inline-block; color:#f0ba4f; font-size:14px; margin-top:20px; text-decoration:underline; text-underline-offset:4px; }
/* Hero section: introductory text, illustration layout and primary actions. */

/* EDIT BLOCK: .catalog-hero. Change the declarations below; shared overrides may load later. */
.catalog-hero { padding: 76px 0; background: linear-gradient(120deg,#061d32,#0b3a5b); color: white; }

/* EDIT BLOCK: .catalog-hero-grid. Change the declarations below; shared overrides may load later. */
.catalog-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:56px; }

/* EDIT BLOCK: .catalog-hero h1. Change the declarations below; shared overrides may load later. */
.catalog-hero h1 { color:white; font-size:clamp(38px,5vw,64px); margin:20px 0; }

/* EDIT BLOCK: .catalog-hero h1 span. Change the declarations below; shared overrides may load later. */
.catalog-hero h1 span { color:#f0ba4f; }

/* EDIT BLOCK: .catalog-hero p. Change the declarations below; shared overrides may load later. */
.catalog-hero p { color:#d6e2eb; margin-bottom:26px; max-width:620px; }

/* EDIT BLOCK: .catalog-breadcrumb. Change the declarations below; shared overrides may load later. */
.catalog-breadcrumb { color:#d6e2eb; font-size:13px; }

/* EDIT BLOCK: .catalog-breadcrumb a. Change the declarations below; shared overrides may load later. */
.catalog-breadcrumb a { color:#f0ba4f; }

/* EDIT BLOCK: .catalog-hero .btn-primary. Change the declarations below; shared overrides may load later. */
.catalog-hero .btn-primary { background:#f0ba4f; color:#072a42; }
/* Component styling: .catalog-drawing. */

/* EDIT BLOCK: .catalog-drawing. Change the declarations below; shared overrides may load later. */
.catalog-drawing { padding:24px; border:1px solid #517085; border-radius:22px; background:rgba(255,255,255,.04); }
/* Component styling: .catalog-drawing svg. */

/* EDIT BLOCK: .catalog-drawing svg. Change the declarations below; shared overrides may load later. */
.catalog-drawing svg { width:100%; height:auto; display:block; }
/* Component styling: .catalog-drawing figcaption. */

/* EDIT BLOCK: .catalog-drawing figcaption. Change the declarations below; shared overrides may load later. */
.catalog-drawing figcaption { text-align:center; color:#d6e2eb; font-size:12px; }
/* Reusable content grids and cards: spacing, borders and hover treatment. */

/* EDIT BLOCK: .catalog-two. Change the declarations below; shared overrides may load later. */
.catalog-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }

/* EDIT BLOCK: .catalog-card. Change the declarations below; shared overrides may load later. */
.catalog-card { padding:32px; border:1px solid var(--border); border-radius:16px; background:white; transition:box-shadow .25s,border-color .25s,transform .25s; }

/* EDIT BLOCK: .catalog-card:hover. Change the declarations below; shared overrides may load later. */
.catalog-card:hover { transform:translateY(-4px); border-color:var(--accent); box-shadow:var(--shadow-card-hover); }

/* EDIT BLOCK: .catalog-card h3. Change the declarations below; shared overrides may load later. */
.catalog-card h3 { margin:18px 0 12px; font-size:23px; }

/* EDIT BLOCK: .catalog-card p. Change the declarations below; shared overrides may load later. */
.catalog-card p { font-size:14px; }

/* EDIT BLOCK: .catalog-card ul. Change the declarations below; shared overrides may load later. */
.catalog-card ul { list-style:disc; padding-left:20px; margin-top:18px; color:var(--text-light); font-size:14px; }

/* EDIT BLOCK: .catalog-card li+li. Change the declarations below; shared overrides may load later. */
.catalog-card li+li { margin-top:8px; }
/* Standards content: reference cards and specification notes. */

/* EDIT BLOCK: .catalog-card .standard-icon. Change the declarations below; shared overrides may load later. */
.catalog-card .standard-icon { margin-bottom:8px; }
/* Component styling: .catalog-note. */

/* EDIT BLOCK: .catalog-note. Change the declarations below; shared overrides may load later. */
.catalog-note { margin-top:24px; padding:22px 26px; border-left:4px solid var(--accent); background:var(--primary); color:white; border-radius:8px; }
/* Component styling: .catalog-note p. */

/* EDIT BLOCK: .catalog-note p. Change the declarations below; shared overrides may load later. */
.catalog-note p { color:#d6e2eb; font-size:14px; }
/* Material cards: grade labels, badges and responsive directory layouts. */

/* EDIT BLOCK: .catalog-materials. Change the declarations below; shared overrides may load later. */
.catalog-materials { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }

/* EDIT BLOCK: .catalog-materials .material-card. Change the declarations below; shared overrides may load later. */
.catalog-materials .material-card { display:block; }

/* EDIT BLOCK: .catalog-materials h3. Change the declarations below; shared overrides may load later. */
.catalog-materials h3 { margin-top:18px; }

/* EDIT BLOCK: .catalog-materials p. Change the declarations below; shared overrides may load later. */
.catalog-materials p { margin:10px 0 0; }
/* Reusable content grids and cards: spacing, borders and hover treatment. */

/* EDIT BLOCK: .catalog-list. Change the declarations below; shared overrides may load later. */
.catalog-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }

/* EDIT BLOCK: .catalog-list li. Change the declarations below; shared overrides may load later. */
.catalog-list li { padding:20px; border:1px solid var(--border); border-radius:10px; background:white; }

/* EDIT BLOCK: .catalog-list strong. Change the declarations below; shared overrides may load later. */
.catalog-list strong { display:block; color:var(--primary); margin-bottom:6px; }

/* EDIT BLOCK: .catalog-list p. Change the declarations below; shared overrides may load later. */
.catalog-list p { font-size:14px; }
/* FAQ accordion: native details/summary elements styled as expandable questions. */

/* EDIT BLOCK: .catalog-faq details. Change the declarations below; shared overrides may load later. */
.catalog-faq details { border-bottom:1px solid var(--border); padding:20px 0; }

/* EDIT BLOCK: .catalog-faq summary. Change the declarations below; shared overrides may load later. */
.catalog-faq summary { cursor:pointer; font-weight:600; color:var(--primary); }

/* EDIT BLOCK: .catalog-faq p. Change the declarations below; shared overrides may load later. */
.catalog-faq p { margin-top:14px; max-width:850px; }
/* Navigation and header: layout, dropdown visibility and navigation controls. */

/* EDIT BLOCK: .catalog-page .site-header .header-inner. Change the declarations below; shared overrides may load later. */
.catalog-page .site-header .header-inner { flex-wrap:wrap; gap:12px 24px; padding-block:12px; }

/* EDIT BLOCK: .catalog-page .navbar. Change the declarations below; shared overrides may load later. */
.catalog-page .navbar { display:block; }

/* EDIT BLOCK: .catalog-page .nav-list. Change the declarations below; shared overrides may load later. */
.catalog-page .nav-list { flex-wrap:wrap; gap:20px; }

/* EDIT BLOCK: .catalog-page .nav-list > li > a. Change the declarations below; shared overrides may load later. */
.catalog-page .nav-list > li > a { padding:10px 0; }

/* EDIT BLOCK: .catalog-page .header-cta. Change the declarations below; shared overrides may load later. */
.catalog-page .header-cta { display:inline-flex; }
/* Footer and India clock: shared spacing, colors and readable time display. */

/* EDIT BLOCK: .catalog-page .footer-column a. Change the declarations below; shared overrides may load later. */
.catalog-page .footer-column a { display:block; margin-bottom:10px; }

/* EDIT BLOCK: .catalog-page .live-clock strong. Change the declarations below; shared overrides may load later. */
.catalog-page .live-clock strong { font-variant-numeric:tabular-nums; }
/* Responsive or accessibility override: @media(max-width:1000px). Rules inside this block apply only when its condition matches. */

/* EDIT BLOCK: @media(max-width:1000px). Change the declarations below; shared overrides may load later. */
@media(max-width:1000px) {
    .catalog-hero-grid { grid-template-columns:1fr; gap:32px; }
    .catalog-drawing { max-width:600px; width:100%; }
    .catalog-materials { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* Responsive or accessibility override: @media(max-width:600px). Rules inside this block apply only when its condition matches. */

/* EDIT BLOCK: @media(max-width:600px). Change the declarations below; shared overrides may load later. */
@media(max-width:600px) {
    .catalog-two,.catalog-materials,.catalog-list { grid-template-columns:1fr; }
    .catalog-card { padding:24px; }
    .catalog-hero { padding:48px 0; }
    .catalog-page .navbar { width:100%; margin:0; }
    .catalog-page .nav-list { gap:6px 16px; }
    .catalog-page .nav-list > li > a { font-size:13px; }
}