/* Product data and structures from the November 2026 product sheets. */
.catalog-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:36px}
.catalog-group-heading>span{color:var(--muted);font-size:13px;white-space:nowrap}
.catalog-group-heading h2{margin:0;font-size:30px}
.family>h3{font-size:19px;font-weight:500;color:var(--blue);padding-bottom:14px;border-bottom:2px solid var(--blue)}
.detailed-product{padding:20px 0}
.detailed-product summary{padding:4px 0;font-size:18px}
.detailed-product summary::marker{color:var(--blue)}
.summary-title{font-weight:500}
.product-code{display:inline-block;margin-left:16px;color:var(--blue);font-size:13px;letter-spacing:.4px;font-weight:600}
.catalog-badge{display:inline-block;margin-left:12px;padding:3px 8px;border:1px solid var(--line);font-size:11px;color:var(--muted);vertical-align:middle}
.product-content{padding:6px 0 8px}
.catalog-item .product-english{font-size:14px;margin:12px 0 4px;overflow-wrap:anywhere}
.catalog-item .product-category{font-size:12px;margin:0 0 28px}
.product-facts{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px}
.product-facts>div{min-width:0}
.product-content h4{font-size:15px;font-weight:600;margin:0 0 16px;color:var(--navy)}
.structure-figure{height:228px;margin:0 0 12px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:20px 8px}
.structure-art{display:block;position:relative;overflow:hidden;flex:none;width:min(100%,var(--art-width));aspect-ratio:var(--art-ratio);background:transparent}
.structure-art img{display:block;position:absolute;max-width:none;max-height:none;height:auto;filter:brightness(1.04082)}
.catalog-item .structure-note,.catalog-item .property-note{font-size:12px;line-height:1.7;margin:8px 0 16px}
.spec-table-wrap{max-width:100%;overflow-x:auto}
.spec-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.75;text-align:left;font-variant-numeric:tabular-nums;table-layout:fixed}
.spec-table caption{text-align:left;font-size:12px;color:var(--muted);padding:5px 0 10px}
.spec-table th,.spec-table td{padding:12px 14px;border:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.spec-table th{font-weight:400;color:var(--muted);background:#f4f6f8}
.spec-table th[scope=row]{width:43%}
.spec-table thead th{font-weight:600;color:var(--navy)}
.product-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 26px}
.product-uses>div{padding:18px 20px;background:#f4f6f8}
.product-uses dt{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--blue)}
.product-uses dd{margin:0;font-size:13px;line-height:1.9;color:var(--muted)}
.product-facts+h4,.derivatives+h4{margin-top:30px}
.catalog-item .technical-note{font-size:12px;line-height:1.8;max-width:none;border-left:2px solid #bac7d8;padding-left:14px;margin:22px 0 16px}
.product-inquiry{font-size:13px;display:inline-block;min-height:44px;padding-block:12px}
.derivatives{margin-top:30px}
.derivative-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.derivative-grid figure{margin:0;border:1px solid var(--line);padding:18px;height:140px;display:flex;align-items:center;justify-content:center;background:transparent}
.catalog-cta a.contact-inline{padding:0;background:none;color:var(--blue);overflow-wrap:anywhere;font-size:14px}
.catalog-cta a.contact-inline:hover{text-decoration:underline}
.product-open{position:absolute;right:25px;top:25px;border:1px solid #bdc8d6;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--blue)}
.product-open:hover{background:white}
.catalog-item[open]{scroll-margin-top:calc(var(--header-height) + 20px)}
.search:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:800px){
  .product-facts{grid-template-columns:minmax(0,1fr);gap:28px}
  .structure-figure{height:210px;padding:14px 4px}
  .catalog-group-heading h2{font-size:25px}
  .product-uses{grid-template-columns:minmax(0,1fr);gap:12px}
  .product-uses>div{padding:16px 18px}
  .derivative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spec-table th,.spec-table td{padding:10px;font-size:12px}
  .catalog-badge{margin:6px 8px 0 0}
  .detailed-product summary{font-size:17px}
  .product-code{margin-left:10px}
}
@media(max-width:600px){
  .product-open{width:44px;height:44px;right:20px;top:20px}
  .catalog-group-heading{align-items:flex-start;gap:12px}
  .catalog-group-heading>span{padding-top:6px}
}