/* 2026-11: product category landing pages (view/cn/cms/list/product-category.blade.php), e.g. /products/power-transformers.
   Loaded ONLY by that template. Every selector is scoped under .pt-cat. Site tokens only:
   var(--color) #003ACC, var(--color2) #0BF, #021B35, #666, #F2F9FF, #D8DDE3, #EEE, rgba(0,0,0,.1), white;
   radii 10px / 20px / 6px / .1rem / 18px 0; section rhythm 1.4rem; GoogleSans via the fontNN / font-m classes. */

/* ---------- anchors land below the fixed header (+ sticky jump nav) ---------- */
.pt-cat [id]{scroll-margin-top:96px}
.pt-cat.has-jumpnav [id]{scroll-margin-top:146px}

/* ---------- visible keyboard focus (the site sets *{outline:none}) ---------- */
.pt-cat a:focus-visible,.pt-cat button:focus-visible,.pt-cat summary:focus-visible,.pt-cat input:focus-visible,.pt-cat select:focus-visible,.pt-cat textarea:focus-visible,.pt-cat [tabindex]:focus-visible{outline:3px solid var(--color);outline-offset:3px}
.pt-cat .public-btn3:focus-visible{outline-color:#021B35}

/* ---------- hero (section.c-solution-new1) ---------- */
.pt-cat .public-title{text-align:left}
.pt-cat .pt-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.pt-cat .pt-cta .public-btn2{border-color:rgba(0,0,0,.2)}
.pt-cat .pt-cta .public-btn3:hover,.pt-cat .pt-rfq-btn:hover{background:transparent;color:var(--color)}

/* ---------- sticky jump nav (>=768) ---------- */
.pt-cat .pt-jumpnav{position:-webkit-sticky;position:sticky;top:81px;z-index:800;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.1);transition:top .4s}
/* the site header slides up on scroll-down (#c-header.c-head-move); the template script mirrors that as .pt-head-hidden */
.pt-cat.pt-head-hidden .pt-jumpnav{top:0}
.pt-cat .pt-jumpnav .container{display:flex;align-items:center;gap:.4rem;min-height:56px;overflow-x:auto}
.pt-cat .pt-jumpnav a{position:relative;padding:.12rem 0;color:#666;white-space:nowrap;transition:color .4s}
.pt-cat .pt-jumpnav a:hover{color:var(--color)}
.pt-cat .pt-jumpnav a{display:inline-flex;align-items:center;min-height:44px}

/* ---------- product range: 2 cards at 50% instead of 33.33% ---------- */
@media (min-width:768px){.pt-cat .public-product-list .c-item{width:50%}}
.pt-cat .public-product-list .c-wrap{position:relative}
.pt-cat .public-product-list .c-title a{color:inherit;transition:color .4s}
.pt-cat .public-product-list .c-wrap:hover .c-title a{color:var(--color)}
.pt-cat .public-product-list .pt-lead{margin-top:.1rem;color:#666}
.pt-cat .public-product-list .c-tag{padding:0}
.pt-cat .public-product-list .c-tag li+li{margin-top:.04rem}

/* stretched link: the H3 link covers its card block (image area has its own aria-hidden link) */
.pt-cat .pt-stretch::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6}

/* ---------- spec table + standards ---------- */
.pt-cat .pt-spec{padding:1.4rem 0;background:#fff}
.pt-cat .pt-std-block{margin-top:1rem}
.pt-cat .pt-table-wrap{padding:.4rem;border-radius:20px;background:#F2F9FF;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pt-cat .pt-table{width:100%;min-width:560px;border-collapse:collapse;color:#021B35}
.pt-cat .pt-table-note{margin-top:.2rem;color:#666}
.pt-cat .pt-table th,.pt-cat .pt-table td{padding:.2rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.1);font-family:"GoogleSans-Regular",Arial,sans-serif;font-weight:normal}
.pt-cat .pt-table thead th{font-family:"GoogleSans-Medium",Arial,sans-serif;color:var(--color);border-bottom:2px solid var(--color)}
.pt-cat .pt-table tbody th{width:28%;color:#021B35;border-right:1px solid rgba(0,0,0,.1)}
.pt-cat .pt-table td{color:#666}
.pt-cat .pt-table tbody tr:last-child>*{border-bottom:0}
.pt-cat .pt-std-lead{color:#666}
.pt-cat .pt-std-list{margin-top:.3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem}
.pt-cat .pt-std-list li{padding:.3rem;border:1px solid rgba(0,0,0,.1);border-radius:10px;color:#666}
.pt-cat .pt-std-list li strong{font-weight:normal;color:#021B35}

/* Industries We Serve / Related Cases / Related Products use the site's own .related-solutions / .related-product
   styles unchanged (exact copies of the product- and case-page blocks), so no rules here. */

/* ---------- FAQ (native details/summary, re-skinned .post-faq) ---------- */
.pt-cat .pt-faq{padding:1.4rem 0;background:#fff}   /* white: sits between Related Products (#F2F9FF) and the CTA band (#D8DDE3) */
.pt-cat .pt-faq-item{border-bottom:1px solid rgba(0,0,0,.1)}
.pt-cat .pt-faq-item:first-of-type{border-top:1px solid rgba(0,0,0,.1)}
.pt-cat .pt-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.3rem;min-height:48px;padding:.25rem 0;color:#021B35;transition:color .4s}
.pt-cat .pt-faq-item summary::-webkit-details-marker{display:none}
.pt-cat .pt-faq-item summary:hover{color:var(--color)}
.pt-cat .pt-faq-item summary:focus-visible{outline:2px solid var(--color);outline-offset:4px}
.pt-cat .pt-faq-q{display:inline;margin:0;color:inherit}
.pt-cat .pt-faq-item summary i{position:relative;flex:0 0 14px;width:14px;height:14px}
.pt-cat .pt-faq-item summary i:before,.pt-cat .pt-faq-item summary i:after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:var(--color);transition:transform .4s}
.pt-cat .pt-faq-item summary i:after{transform:rotate(90deg)}
.pt-cat .pt-faq-item[open] summary i:after{transform:rotate(0)}
.pt-cat .pt-faq-a{padding:0 .5rem .3rem 0;color:#666;line-height:1.625}

/* ---------- RFQ call-to-action band (#D8DDE3, as the contact page band); links to /contact-us ---------- */
.pt-cat .pt-rfq{padding:1.4rem 0;background:#D8DDE3}
.pt-cat .pt-rfq-box{display:flex;align-items:center;justify-content:space-between;gap:.4rem}
.pt-cat .pt-rfq-text{max-width:900px;margin:0}
/* text on the #D8DDE3 band: #555 = 5.4:1 (QA 07 M3) */
.pt-cat .pt-rfq-lead{margin-top:.2rem;color:#555}
.pt-cat .pt-rfq-btn{flex:0 0 auto;min-height:48px;padding:0 28px}
@media (max-width:767px){
    .pt-cat .pt-rfq-box{flex-direction:column;align-items:stretch}
    .pt-cat .pt-rfq-btn{width:100%}
}

/* visually hidden text (table caption) */
.pt-cat .pt-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* breadcrumb: an ancestor without a page reads as a link-coloured step, not a second "you are here" (QA 06 M1) */
.pt-cat .breadcrumb-nav .nav-box span:not([aria-current]){color:#4F5F70}

@media (max-width:1580px){.pt-cat .pt-faq-a{padding-right:.3rem}}
@media (max-width:991px){.pt-cat .pt-jumpnav{top:61px}.pt-cat .pt-std-list{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
    .pt-cat [id],.pt-cat.has-jumpnav [id]{scroll-margin-top:72px}
    .pt-cat .pt-jumpnav{display:none}
    /* H1, intro and the hero button before the image */
    .pt-cat .c-solution-new1 .c-main-box .c-main .c-text-box{order:-1;padding:0 0 .4rem}
    .pt-cat .pt-cta .public-btn3{width:100%;height:48px}
    .pt-cat .breadcrumb-nav .nav-box a,.pt-cat .breadcrumb-nav .nav-box span{font-size:14px}
    /* spec table: the parameter column stays in view while the table scrolls (QA 07 M9) */
    .pt-cat .pt-table tbody th,.pt-cat .pt-table thead th:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:1;padding-left:.3rem;background:#F2F9FF;border-right:0;box-shadow:1px 0 0 rgba(0,0,0,.1)}
    .pt-cat .breadcrumb-nav .nav-box a{display:inline-flex;align-items:center;min-height:44px}
    .pt-cat .pt-table-wrap{padding:.3rem .3rem .3rem 0}   /* no left gutter: the sticky column covers the scrolled cells */
    .pt-cat .pt-faq-a{padding-right:0}
}
@media (prefers-reduced-motion:reduce){
    .pt-cat .pt-faq-item summary i:before,.pt-cat .pt-faq-item summary i:after,.pt-cat .pt-jumpnav{transition:none}
}

/* 2026-11-09: section insight paragraphs under .public-title headings (head-box ones use the site's .head-box .info .details) */
.pt-cat .public-title .pt-section-lead{margin-top:.2rem;max-width:1100px;color:#666;line-height:1.6}
.pt-cat .head-box .info .details{max-width:1100px;line-height:1.6}

/* 2026-11-09: feature sections (H2 + insight + H3 grid), e.g. insulation options and "why choose" */
.pt-cat .pt-feature{padding:1.4rem 0;background:#F2F9FF}
.pt-cat .pt-feature-grey{background:#D8DDE3}
.pt-cat .pt-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:.5rem;padding:0;list-style:none}
.pt-cat .pt-feature-item{padding:.36rem .3rem;border-radius:10px;background:#fff}
.pt-cat .pt-feature-item .c-title{color:#021B35}
.pt-cat .pt-feature-item .c-text{margin-top:.16rem;color:#666;line-height:1.6}
@media (max-width:1260px){.pt-cat .pt-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.pt-cat .pt-feature-grid{grid-template-columns:minmax(0,1fr);gap:14px}.pt-cat .pt-feature-item{padding:20px}}
.pt-cat .pt-section-lead a{color:var(--color);text-decoration:underline;text-underline-offset:3px}