/* All product tabs use the product matrix visual language. */
:is(#products,#products-fuelcell,#products-soc,#products-storage){background:#fff;isolation:isolate;overflow-x:clip}
:is(#products,#products-fuelcell,#products-soc,#products-storage)::before{content:'';position:absolute;inset:0;z-index:0;background:var(--page-image-99248d148f, url('../assets/optimized/matrix-background-gpt-image-2-2b5e46f788c2.webp')) center top/cover no-repeat;opacity:.46;pointer-events:none}
:is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-inner,:is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-bottom{z-index:1}
:is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-inner{position:relative}
:is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-inner>h2{position:relative;color:#081d4e;font-weight:700;letter-spacing:-.04em}
:is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-inner>h2::before{content:'02  SECTION　│　TECHNOLOGY TO APPLICATION';display:block;margin-bottom:8px;color:#3183e8;font:600 10px/1.2 var(--mono);letter-spacing:.13em}
:is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-inner>h2::after{content:'CLEAN ENERGY · FOR A BETTER TOMORROW';position:absolute;right:0;top:2px;color:#6682ad;font:500 9px/1.2 var(--mono);letter-spacing:.22em}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .module-subnav{gap:8px;border:0;margin-bottom:16px}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .module-subnav a{padding:8px 18px;min-height:36px;border:1px solid #d8e7f8;border-radius:9px;background:rgba(255,255,255,.78);color:#5e7392;font-size:14px;line-height:20px;transition:background .2s,border-color .2s}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .module-subnav a[aria-current='page']{background:linear-gradient(145deg,#258aff,#0864db);border-color:#258aff;color:#fff;box-shadow:0 5px 14px #1674dd24}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .module-subnav a::after{display:none}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .catalog-intro{padding:12px 16px;border:1px solid #dce9f8;border-radius:11px;background:linear-gradient(100deg,#edf6ffdc,#ffffffd9);gap:14px}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .catalog-intro p{color:#637b9a;font-size:15px}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .catalog-actions{gap:10px}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .catalog-actions .text-button{padding:7px 13px;min-height:34px;border:1px solid #bad9fc;border-radius:8px;background:#ffffffc9;color:#176ed2;font-size:13px}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .catalog-actions .text-button:hover{background:#e5f2ff;border-color:#66adff}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery{gap:18px;counter-reset:product-card}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery article{position:relative;counter-increment:product-card;border:1px solid #d5e6fa;border-radius:15px;background:linear-gradient(145deg,rgba(243,249,255,.94),rgba(255,255,255,.96));box-shadow:0 9px 25px rgba(40,103,179,.07);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery article:hover{transform:translateY(-4px);border-color:#66adff;box-shadow:0 12px 24px rgba(16,105,214,.14)}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery article>a{position:relative;isolation:isolate;background:radial-gradient(ellipse at center,#dceeffaa,transparent 68%);padding:26px 26px 16px}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery article>a::before{content:'';position:absolute;z-index:-1;width:54%;aspect-ratio:1;border:1px solid #469fff42;border-radius:50%;box-shadow:0 0 0 17px #6ab3ff12,0 0 0 35px #6ab3ff09}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery article>a::after{content:'0' counter(product-card);position:absolute;left:18px;top:12px;font:600 12px/1.5 var(--mono);letter-spacing:2px;color:#5597de}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery img{position:relative;background:transparent;mix-blend-mode:multiply;filter:drop-shadow(0 12px 10px #234a751f);transition:transform .35s}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery a:hover img{transform:translateY(-4px)}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption{padding:17px 20px 20px;border-top:1px solid #dce9f8;background:linear-gradient(110deg,#edf6ffdd,#ffffffc9)}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption h4{font-weight:700;color:#16335f;font-size:22px;margin-bottom:12px}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption li{position:relative;margin-top:7px;padding:8px 10px 8px 29px;border:1px solid #e0ecf9;border-radius:8px;background:#ffffffd9;font-size:14px;color:#637b9a;line-height:1.5}
:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption li::before{content:'';position:absolute;left:12px;top:16px;width:6px;height:6px;border-radius:50%;background:linear-gradient(145deg,#40a4ff,#1168dc)}
:is(#products,#products-fuelcell,#products-soc,#products-storage) :is(a,button):focus-visible{outline:2px solid #258aff;outline-offset:3px}
@media(min-width:901px) and (max-height:820px){
 :is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-inner>h2{margin-bottom:14px;font-size:32px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .module-subnav{margin-bottom:10px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .catalog-intro{padding:8px 13px;margin-bottom:12px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery article>a{min-height:140px;height:180px;padding:22px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption{padding:12px 16px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption h4{font-size:20px;margin-bottom:8px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption li{padding-top:6px;padding-bottom:6px;margin-top:5px;font-size:13px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-caption li::before{top:13px}
}
@media(max-width:900px),(max-height:620px){
 :is(#products,#products-fuelcell,#products-soc,#products-storage)::before{opacity:.35}
 :is(#products,#products-fuelcell,#products-soc,#products-storage)>.slide-inner>h2::after{display:none}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .module-subnav{flex-wrap:wrap}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .module-subnav a{padding:7px 10px;font-size:13px}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .catalog-actions{margin-top:10px;flex-wrap:wrap}
 :is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery article>a{height:240px}
}
@media(prefers-reduced-motion:reduce){:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery article,:is(#products,#products-fuelcell,#products-soc,#products-storage) .product-gallery img{transition:none;transform:none!important}}
