h2{font-size:1.45rem;margin-bottom:5px;line-height:1.3}.ecoPage{--row-width:80rem}.ecoPage .page-top{min-height:calc(100vh - var(--nav-height));display:flex;justify-content:center;flex-direction:column}.ecoPage .product3D{inset:0;position:absolute!important}#cardArea{padding:60px 10px 15px}#cardArea h2{font-size:2rem;margin-bottom:5px;line-height:1.3}#cardArea .Homebox{display:flex;gap:10px;flex-wrap:wrap}#cardArea .titleArea{font-size:2.5rem;margin-bottom:5px}#cardArea .HomeCard{border-radius:var(--popup-BR);background-color:#e4e4e4;z-index:1;position:relative;flex:1 1 calc(33.333% - 9px);min-width:clamp(0px,235px,100%);transition:background-color var(--longTransition);padding:2px}#cardArea .HomeCard:has(.CardContent .secondaryButton:hover){background-color:rgb(var(--cardColor))}#cardArea .HomeCard .CardContent{background:#fff;padding:15px 20px;border-radius:calc(var(--popup-BR) - 2px);height:100%;width:100%;margin:0;position:relative;z-index:3;overflow:hidden}#cardArea .HomeCard .CardContent h3 a,#cardArea .HomeCard .CardContent p a{text-decoration:underline;color:rgb(var(--cardColor))}#cardArea .HomeCard .CardContent svg{width:50px;height:50px;margin-bottom:10px;color:rgb(var(--cardColor))}#cardArea .HomeCard .CardContent p span{background-color:transparent!important}#cardArea .HomeCard .CardContent h3{font-size:1.2rem;font-weight:600;line-height:1.2;margin-bottom:10px}#cardArea .HomeCard .CardContent .secondaryButton{transform:scale(1);outline:none!important;color:rgb(var(--cardColor));border-color:rgb(var(--cardColor));display:block;font-size:1rem;line-height:1.1;padding:6px 15px;margin:10px auto 0;text-align:center}#cardArea .HomeCard .CardContent .secondaryButton:focus-visible,#cardArea .HomeCard .CardContent .secondaryButton:hover{color:#fff;border-color:#fff;transition-delay:.1s}#cardArea .HomeCard .CardContent .secondaryButton:active{transform:scale(.9);transition-delay:0s}#cardArea .HomeCard .CardContent:after{content:"";bottom:0;left:0;position:absolute;width:100%;height:0;border-radius:inherit;background:rgb(var(--cardColor));opacity:0;z-index:-1;transition:all var(--longTransition)}#cardArea .HomeCard .CardContent:has(.secondaryButton:focus-visible):after,#cardArea .HomeCard .CardContent:has(.secondaryButton:hover):after{opacity:1;transform:scale(8);height:10%;filter:blur(10px)}#cardArea .HomeCard:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgb(var(--cardColor)),transparent 35%);z-index:2}#cardArea .HomeCard .CardContent:before,#cardArea .HomeCard:before{position:absolute;content:"";border-radius:inherit;height:100%;width:100%;left:0;top:0;opacity:0;transition:all var(--longTransition)}#cardArea .HomeCard .CardContent:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgb(var(--cardColor)/17%),transparent 45%);z-index:3}#cardArea .HomeCard img{width:80px}#cardArea .HomeCard .CardContent>div{z-index:4;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}@media (pointer:fine){#cardArea .HomeCard:hover .CardContent:before,#cardArea .HomeCard:hover:before{opacity:1}}