/* Electrical accessories catalogue — yellow, white and YOCL blue. */
.accessory-hero{background:var(--yellow);overflow:hidden}.accessory-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center;min-height:610px}.accessory-hero-copy{padding:70px 0}.accessory-hero h1{font-size:clamp(42px,4.65vw,69px);font-weight:650;line-height:1.06;letter-spacing:-.055em;margin-bottom:28px}.accessory-hero h1 span{color:#315262}.accessory-hero p{font-size:16px;color:#3f5158;max-width:500px}.accessory-hero .hero-secondary{display:block}.component-board{position:relative;height:500px;isolation:isolate}.component-board:before{content:"";position:absolute;inset:28px -45px 0 15px;border:1px solid #073c6120;border-radius:50%;z-index:-1}.board-label{position:absolute;top:10px;left:10px;font-size:10px;letter-spacing:.17em;font-weight:600}.board-item{position:absolute;background:#f5f3e9;border:1px solid #fff6;box-shadow:10px 24px 32px #7b672524;overflow:hidden;border-radius:5px}.board-item img{width:100%;height:85%;object-fit:contain}.board-item>span{display:flex;justify-content:space-between;padding:0 22px;font-size:10px;letter-spacing:.13em;font-weight:600}.board-item i{font-size:17px;font-style:normal}.board-terminal{width:67%;height:275px;left:0;top:70px;transform:rotate(-8deg);z-index:2}.board-insulator{width:48%;height:230px;right:-18px;top:22px;transform:rotate(10deg);z-index:1;background:#e9ecea}.board-lug{width:48%;height:218px;right:-5px;bottom:12px;transform:rotate(7deg);z-index:3;background:#fff8e5}.board-note{position:absolute;bottom:15px;left:5px;font-size:8px;letter-spacing:.12em}.accessory-strip{border-bottom:1px solid var(--line)}.accessory-strip .wrap{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:23px 0;font-size:12px;font-weight:600}.accessory-strip a{display:flex;align-items:center;gap:32px}.accessory-strip a span{font-size:19px}.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.family-card{display:flex;flex-direction:column;border:1px solid #e5e9e9;background:#f7f8f7;padding:20px 22px 26px;transition:background .2s,border-color .2s,transform .2s}.family-card:hover{border-color:#e0b317;background:#fff9e4;transform:translateY(-4px)}.family-card-top{display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:.08em;color:#6a7881}.family-card-top span:last-child{font-size:21px;color:var(--blue)}.family-card>img{width:100%;height:180px;object-fit:contain;margin:3px 0 10px}.family-card h3{font-size:20px;line-height:1.15;margin:0 0 13px;min-height:46px}.family-card p{font-size:12px;margin-bottom:0;line-height:1.65}.family-section .section-heading>div>p{font-size:14px;margin-bottom:18px}.catalogue-preview-note{font-size:11px;color:#7a858b;margin:23px 0 0;line-height:1.65}.connection-feature{background:#f1f4f3}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-art{background:#e1e8e5;min-height:430px;padding:30px 38px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.feature-art:before,.feature-art:after{content:"";position:absolute;border:1px solid #becac8;pointer-events:none;inset:80px 35px;transform:rotate(-10deg)}.feature-art:after{inset:110px 10px;transform:rotate(7deg)}.feature-art img{position:relative;z-index:1;width:100%;height:310px;object-fit:contain}.feature-art-caption{font-size:9px;letter-spacing:.15em}.feature-copy>p{font-size:14px;max-width:445px}.feature-links{margin:25px 0 32px}.feature-links a{display:flex;justify-content:space-between;border-bottom:1px solid #d7dede;padding:13px 0;font-size:13px}.sourcing-section{background:#f5f6f4;padding:85px 0}.sourcing-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.sourcing-grid>div>p{font-size:15px;max-width:430px;margin-bottom:28px}.sourcing-steps article{display:flex;gap:24px;padding-bottom:22px;margin-bottom:25px;border-bottom:1px solid #dce1df}.sourcing-steps article>span{font-size:13px;font-weight:700;background:var(--yellow);width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.sourcing-steps h3{font-size:21px;margin-bottom:12px}.sourcing-steps p{font-size:13px;margin-bottom:0}.home-essential-grid .product-art{aspect-ratio:1.2}.product-sku{display:block;line-height:1.5;font-size:9px;letter-spacing:.03em;text-transform:uppercase}.product-card .product-info{display:flex;flex-direction:column;flex:1}.product-card>a{display:flex;flex-direction:column;height:100%}.product-info .text-link{margin-top:auto}.product-card h3{line-height:1.3}.dropdown{width:320px}.catalogue-hero{background:#fff2bd;border-bottom:1px solid #f3e5ac;padding-bottom:43px}.catalogue-hero .breadcrumbs{padding-top:23px;color:#697478;font-size:11px;width:100%;margin-bottom:26px}.catalogue-hero-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.catalogue-hero h1{font-size:48px;line-height:1.05;margin-bottom:18px;max-width:700px}.catalogue-hero p{font-size:14px;max-width:530px;color:#536265;margin:0}.catalogue-hero .eyebrow{font-size:10px;margin-bottom:15px}.catalogue-hero-aside>span{font-size:9px;letter-spacing:.15em;font-weight:600}.catalogue-search{display:flex;background:#fff;border:1px solid #d7c77d;margin-top:12px;padding:5px;border-radius:3px;box-shadow:0 5px 12px #c8b66815;min-width:0}.catalogue-search input{min-width:0;flex:1;border:0;background:none;padding:12px 13px;color:var(--ink);font-size:13px;width:100%}.catalogue-search button{background:var(--blue);color:white;border:0;border-radius:2px;width:46px;flex-shrink:0;font-size:24px}.quick-search{display:flex;gap:16px;font-size:10px;margin-top:15px;flex-wrap:wrap}.quick-search>span{color:var(--muted)}.quick-search a{border-bottom:1px solid #7c7955}.catalogue-family-section{padding:30px 0}.compact-family-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.compact-family{padding:8px 12px 15px;border:1px solid #e5e9e9;background:#f7f8f7;position:relative;border-radius:3px;transition:border-color .2s,background .2s;display:flex;flex-direction:column;gap:10px}.compact-family img{width:100%;height:72px;object-fit:contain}.compact-family>span{font-size:11px;line-height:1.35;font-weight:600;display:block;padding-right:9px}.compact-family b{position:absolute;right:8px;bottom:12px;font-size:13px;font-weight:400}.compact-family:hover,.compact-family.selected{background:#fff6d6;border-color:#e3c55a}.catalogue-workspace{display:grid;grid-template-columns:238px minmax(0,1fr);gap:45px;padding:26px 0 70px;align-items:start}.category-browser>summary{font-size:16px;font-weight:650;display:flex;align-items:center;justify-content:space-between;padding:0 0 21px;cursor:pointer;list-style:none}.category-browser>summary>span{display:none}.category-sidebar a{display:block}.all-categories{padding:14px 15px;border:1px solid var(--line);font-size:12px;margin-bottom:12px;font-weight:600;border-radius:2px}.all-categories span{float:right}.all-categories.current{background:var(--yellow);border-color:var(--yellow)}.category-group{border-bottom:1px solid var(--line);padding:0}.category-group summary{font-size:12px;font-weight:600;line-height:1.45;list-style:none;display:flex;gap:13px;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 2px}.category-group summary>span{font-weight:400;font-size:19px;color:#798890}.category-group[open]>summary>span{transform:rotate(45deg)}.category-group summary::-webkit-details-marker,.category-browser>summary::-webkit-details-marker{display:none}.category-group .child-category{padding:8px 13px;font-size:11px;line-height:1.5;color:#6b7982;border-left:2px solid #e5e9e9;margin-left:1px}.category-group .child-category:last-child{margin-bottom:17px}.category-group .category-overview{font-size:10px;color:var(--blue);font-weight:600;margin-bottom:12px;padding-left:15px}.category-group .category-overview span{float:right;padding-right:12px}.category-group .current{color:var(--blue);background:#fff4c6;border-left-color:var(--yellow);font-weight:650}.sourcing-help{background:#f1f4f3;padding:23px;margin-top:28px;border-radius:3px}.sourcing-help .eyebrow{font-size:9px;margin-bottom:13px}.sourcing-help h3{font-size:20px;margin-bottom:13px}.sourcing-help p{font-size:12px;margin-bottom:17px}.sourcing-help .text-link{font-size:11px;display:flex}.results-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.results-heading .eyebrow{font-size:9px;margin-bottom:10px}.results-heading h2{font-size:31px;margin-bottom:0;line-height:1.17}.results-count{font-size:11px;white-space:nowrap;padding-bottom:4px;color:var(--muted)}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.results-toolbar p{font-size:11px;margin:0}.results-toolbar form{display:flex;align-items:center;gap:8px}.results-toolbar label{font-size:11px;color:#7a858d}.results-toolbar select{font-size:11px;padding:7px 10px;border:1px solid #dfe4e6;color:var(--ink);border-radius:2px;background:#fff;max-width:160px}.results-toolbar button{font-size:10px;padding:8px 10px;background:#f1f3f3;border:1px solid #dfe4e6;color:var(--ink);border-radius:2px}.catalogue-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalogue-product-grid .product-art{aspect-ratio:1.24;background:#f2f4f3}.catalogue-product-grid .product-art img{width:90%;height:90%}.catalogue-product-grid .placeholder-tag{font-size:7px;bottom:10px;color:#7d888a}.catalogue-product-grid .product-info{padding:20px}.catalogue-product-grid h3{font-size:19px;min-height:50px;margin-top:9px;margin-bottom:22px}.catalogue-product-grid .text-link{font-size:11px}.subcategory-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.subcategory-chips a{font-size:10px;border:1px solid #d9e1e1;padding:7px 12px;border-radius:3px;display:flex;gap:14px;align-items:center}.subcategory-chips a:hover{background:#fff6d6;border-color:#e3c55a}.active-search{display:flex;align-items:center;gap:20px;font-size:12px;margin-bottom:22px;background:#f2f4f3;padding:12px 16px;overflow-wrap:anywhere}.active-search a{text-decoration:underline}.catalogue-empty{grid-column:1/-1;padding:55px 25px;background:#f6f7f6;text-align:center}.catalogue-empty h3{font-size:26px}.catalogue-empty p{font-size:14px}.catalogue-pagination{display:flex;gap:7px;justify-content:center;padding:34px 0 4px}.catalogue-pagination a{font-size:13px;display:grid;place-items:center;border:1px solid var(--line);width:38px;height:38px;border-radius:2px}.catalogue-pagination [aria-current]{background:var(--yellow);border-color:var(--yellow);font-weight:700}.catalogue-bottom-cta{background:#fff2bd;padding:45px 0}.catalogue-bottom-cta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:25px}.catalogue-bottom-cta h2{font-size:35px;margin-bottom:0}.catalogue-bottom-cta .eyebrow{font-size:10px;margin-bottom:12px}.accessory-catalogue .product-detail .product-art img{width:90%;height:90%}.site-header .nav-products>a[aria-current]:after{content:"";position:absolute;bottom:18px;left:0;width:20px;height:3px;background:var(--yellow)}
@media(max-width:1100px){.accessory-hero-grid{min-height:550px;grid-template-columns:1.2fr 1fr;gap:10px}.accessory-hero h1{font-size:53px}.accessory-hero .button-row{flex-wrap:wrap}.component-board{height:430px}.board-terminal{height:235px;top:65px}.board-insulator{height:200px;right:-10px}.board-lug{height:195px;bottom:10px}.family-grid{gap:16px}.family-card{padding:16px 18px 22px}.family-card>img{height:140px}.family-card h3{font-size:18px}.feature-grid{gap:50px}.sourcing-grid{gap:60px}.catalogue-hero-inner{gap:35px}.catalogue-hero h1{font-size:43px}.compact-family-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-family{display:grid;grid-template-columns:65px 1fr;align-items:center;gap:8px;padding:8px 18px 8px 6px}.compact-family img{height:57px}.compact-family>span{font-size:11px}.catalogue-workspace{grid-template-columns:205px minmax(0,1fr);gap:28px}.catalogue-product-grid{gap:14px}.catalogue-product-grid .product-info{padding:15px}.catalogue-product-grid h3{font-size:17px}.results-heading h2{font-size:28px}}
@media(max-width:800px){.accessory-hero-grid{grid-template-columns:1fr 1fr}.accessory-hero h1{font-size:44px}.accessory-hero p{font-size:14px}.accessory-hero .hero-foot{display:none}.component-board{height:375px}.board-terminal{height:195px}.board-insulator{height:170px}.board-lug{height:165px}.board-item>span{font-size:8px;padding:0 15px}.board-label{font-size:8px}.board-note{font-size:7px;max-width:100px}.accessory-strip .wrap{font-size:10px;gap:15px}.accessory-strip .wrap>span{max-width:220px}.accessory-strip a{gap:15px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-card>img{height:195px}.family-card h3{font-size:23px;min-height:0}.family-card p{font-size:13px}.feature-grid{gap:35px}.feature-art{min-height:355px;padding:22px}.feature-art img{height:230px}.feature-copy h2{font-size:33px}.feature-copy .button{font-size:12px;gap:15px;padding:15px}.sourcing-grid{gap:30px}.sourcing-grid h2{font-size:35px}.catalogue-hero h1{font-size:37px}.catalogue-hero-inner{grid-template-columns:1fr 1fr;gap:25px}.catalogue-hero p{font-size:13px}.catalogue-search input{font-size:11px;padding-left:8px}.catalogue-search button{width:36px}.catalogue-workspace{grid-template-columns:180px minmax(0,1fr);gap:24px}.category-group summary{font-size:11px}.catalogue-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-heading h2{font-size:27px}.results-toolbar{flex-wrap:wrap}.results-count{font-size:10px}.sourcing-help{padding:18px}.catalogue-bottom-cta h2{font-size:29px}}
@media(max-width:600px){.accessory-hero-grid{display:block;min-height:0}.accessory-hero-copy{padding:44px 0 10px}.accessory-hero .eyebrow{font-size:9px}.accessory-hero h1{font-size:clamp(37px,10vw,55px);line-height:1.06}.accessory-hero p{font-size:14px;max-width:370px}.accessory-hero .button-row{gap:16px;flex-wrap:wrap;margin-top:24px}.accessory-hero .button{font-size:12px;padding:14px 18px;gap:20px}.accessory-hero .hero-secondary{font-size:10px}.component-board{height:350px;max-width:390px;margin:15px auto 0}.board-label{top:3px;font-size:8px}.board-terminal{height:207px;top:52px;left:4px;width:65%}.board-insulator{height:170px;top:28px;right:0}.board-lug{height:168px;bottom:17px;right:8px}.board-note{font-size:7px;bottom:15px;max-width:150px;left:4px}.accessory-strip .wrap{flex-wrap:wrap;gap:14px;font-size:10px;padding:19px 0}.accessory-strip .wrap>span{width:100%;max-width:none;font-size:11px}.accessory-strip a{gap:15px}.family-grid{gap:12px}.family-card{padding:13px 13px 18px}.family-card>img{height:125px;margin:0 0 9px}.family-card-top{font-size:7px;align-items:center}.family-card-top span:last-child{font-size:16px}.family-card h3{font-size:18px;min-height:42px}.family-card p{font-size:11px;line-height:1.6}.family-section .section-heading>div>p{font-size:13px;margin-top:18px}.catalogue-preview-note{font-size:10px}.feature-grid{grid-template-columns:1fr;gap:30px}.feature-art{min-height:340px;padding:25px}.feature-art img{height:240px}.feature-copy h2{font-size:35px}.feature-copy>p{font-size:14px}.feature-copy .button{font-size:13px;padding:16px 20px}.sourcing-section{padding:58px 0}.sourcing-grid{grid-template-columns:1fr;gap:40px}.sourcing-steps article{gap:18px}.sourcing-steps h3{font-size:20px}.catalogue-hero{padding-bottom:29px}.catalogue-hero .breadcrumbs{font-size:10px;padding-top:19px;margin-bottom:22px}.catalogue-hero-inner{grid-template-columns:1fr;gap:25px}.catalogue-hero h1{font-size:38px;line-height:1.08;overflow-wrap:break-word}.catalogue-hero p{font-size:13px}.catalogue-hero-aside>span{font-size:8px}.catalogue-search input{font-size:12px;padding:11px 9px}.catalogue-search button{width:39px}.quick-search{font-size:10px;gap:12px}.catalogue-family-section{padding:22px 0}.compact-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-family{grid-template-columns:48px minmax(0,1fr);gap:4px;padding:7px 14px 7px 3px}.compact-family img{height:50px}.compact-family>span{font-size:10px;line-height:1.3;padding-right:0}.compact-family b{right:5px;bottom:6px;font-size:11px}.catalogue-workspace{grid-template-columns:1fr;gap:27px;padding-top:9px;padding-bottom:45px}.category-browser{border:1px solid var(--line);padding:0 16px;border-radius:3px;background:#fafbf9}.category-browser>summary{padding:15px 0;font-size:13px}.category-browser>summary>span{display:inline}.category-browser[open]{padding-bottom:12px}.category-group summary{font-size:13px}.category-group .child-category{font-size:12px}.sourcing-help{display:none}.results-heading h2{font-size:28px}.results-heading .eyebrow{font-size:8px}.results-toolbar{padding:15px 0;margin-bottom:19px}.results-toolbar p,.results-toolbar label{font-size:10px}.results-toolbar form{gap:6px}.results-toolbar select{font-size:10px;padding:7px;max-width:125px}.results-toolbar button{font-size:9px;padding:7px}.catalogue-product-grid{gap:12px}.catalogue-product-grid .product-info{padding:13px}.catalogue-product-grid h3{font-size:16px;min-height:42px;margin:8px 0 18px}.catalogue-product-grid .product-sku{font-size:7px;min-height:22px;letter-spacing:.02em}.catalogue-product-grid .placeholder-tag{font-size:6px;bottom:6px}.catalogue-product-grid .text-link{font-size:10px}.subcategory-chips a{font-size:10px;padding:6px 9px}.catalogue-bottom-cta>.wrap{display:block}.catalogue-bottom-cta .button{margin-top:24px}.catalogue-bottom-cta h2{font-size:31px}.active-search{font-size:11px}.electrical-home .inquiry-banner h2{font-size:32px}}
/* Expanded range navigation: keep large catalogues compact and scrollable. */
.catalogue-pagination{flex-wrap:wrap}
.catalogue-search button{width:auto;min-width:64px;padding:0 12px;font-size:12px}
.catalogue-pagination .pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;color:var(--muted);align-self:center}
/* Shared product cards: square image frame, with the whole card remaining linked. */
.product-grid .product-card .product-art{aspect-ratio:1 / 1;width:100%;height:auto;max-height:none;min-height:0;position:relative;overflow:hidden}
.product-grid .product-card .product-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product-grid .product-card .product-info h3{margin-bottom:0;min-height:0}
.site-header .dropdown{max-height:70vh;overflow-y:auto}
@media(min-width:1101px){.compact-family-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(min-width:801px){.family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.family-card:last-child:nth-child(3n + 1){grid-column:1/-1;display:grid;grid-template-columns:160px 1fr 1fr;align-items:center;gap:24px}.family-card:last-child:nth-child(3n + 1) .family-card-top{grid-column:1/-1}.family-card:last-child:nth-child(3n + 1)>img{height:120px;margin:0}.family-card:last-child:nth-child(3n + 1) h3{min-height:0;margin:0}}
.product-detail-media .product-main-photo{display:block;width:100%;height:auto;background:#f5f7f7;border:1px solid var(--line)}
.catalogue-sheet{margin-top:16px;border:1px solid var(--line);background:#fff}
.catalogue-sheet summary{padding:14px 18px;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:12px}
.catalogue-sheet summary:hover{background:#fff6d6}
.catalogue-sheet a{display:block;padding:15px;background:#f6f7f7}
.catalogue-sheet img{display:block;width:100%;height:auto;margin:auto}
.catalog-data-table{width:100%;border-collapse:collapse;margin:16px 0 30px;font-size:13px}.catalog-data-table th,.catalog-data-table td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.catalog-data-table th{width:120px;color:var(--blue);font-weight:700}.catalog-reference-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 28px}.catalog-reference-list li{background:#fff6d6;border:1px solid #efda85;border-radius:3px;padding:7px 10px;font-size:11px;line-height:1.4}.catalog-data-caution{font-size:12px;color:#65737a;background:#f4f6f5;border-left:3px solid var(--yellow);padding:13px 15px}