.tpk-mega-menu{
--tpk-text-primary:#101415;
position:absolute;
top:100%;
left:50%;
width:calc(100% - 64px);
max-width:1360px;
max-height:700px;
overflow-y:auto;
padding:32px 24px;
border-radius:var(--radius-card);
background:#fff;
color:#101415;
box-shadow:var(--shadow);
opacity:0;
pointer-events:none;
transform:translate(-50%,-8px);
visibility:hidden;
transition:opacity .22s var(--ease),transform .26s var(--ease),visibility 0s linear .18s}
.tpk-mega-menu[data-tpk-mega-rows="3"]{
max-height:min(840px,calc(100vh - 96px))}
.tpk-mega-menu[hidden]{
display:none}
.tpk-mega-menu.is-open,.tpk-header.is-mega-open .tpk-mega-menu.is-open{
opacity:1;
pointer-events:auto;
transform:translate(-50%,0);
visibility:visible}
.tpk-mega-menu__inner{
display:grid;
grid-template-columns:minmax(220px,23%) minmax(0,77%);
gap:24px}
.tpk-mega-menu__intro{
display:flex;
flex-direction:column;
align-items:flex-start;
min-height:100%;
padding:12px 0}
.tpk-mega-menu__label{
margin:0 0 16px;
font-size:14px;
font-weight:700;
text-transform:uppercase}
.tpk-mega-menu__description{
max-width:24ch;
margin:20px 0 0;
color:#666;
font-size:14px;
line-height:1.55}
.tpk-mega-menu__all{
display:inline-flex;
align-items:center;
gap:24px;
width:max-content;
margin-top:auto;
padding-top:24px;
color:#101415;
font-size:15px;
font-weight:600;
text-decoration:none}
.tpk-mega-menu__all svg{
width:19px;
height:19px;
stroke:currentColor;
transition:transform .95s var(--ease)}
.tpk-mega-menu__all:hover svg{
transform:translateX(4px)}
.tpk-mega-menu__grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
column-gap:32px;
row-gap:24px;
margin:0;
padding:0;
list-style:none}
.tpk-mega-menu__item a{
color:#101415;
text-decoration:none}
.tpk-mega-product__title-link{
position:relative;
display:inline-block;
width:max-content;
margin-bottom:12px}
.tpk-mega-menu__title{
position:relative;
display:inline-block;
padding-bottom:calc(var(--tpk-underline-gap) + var(--tpk-underline-thickness) + 1px);
font-size:15px;
font-weight:500;
line-height:1}
.tpk-mega-menu__title::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:var(--tpk-underline-thickness);
background:currentColor;
transform:scaleX(0);
transform-origin:left;
transition:transform var(--tpk-underline-duration) var(--ease)}
.tpk-mega-product__title-link:hover .tpk-mega-menu__title::after,.tpk-mega-product__title-link:focus-visible .tpk-mega-menu__title::after{
transform:scaleX(1)}
.tpk-mega-menu__media{
display:grid;
overflow:hidden;
width:100%;
aspect-ratio:3/2;
border-radius:var(--radius-card);
background:#fff;
box-shadow:var(--shadow-soft)}
.tpk-mega-menu__media img{
width:100%;
height:100%}
.tpk-mega-menu__media--contain img{
object-fit:contain}
.tpk-mega-menu__media--cover img{
object-fit:cover}
@media(max-width:1179px){
.tpk-mega-menu{
display:none}
}