/*********************************************
 * Menu Product
**********************************************/
li.menu-item.is-menu-product {
    --menu-offset-left:100px;
}
li.menu-item.is-menu-product > ul.sub-menu {display:none;}

li:not(:hover) > .px-menu-product {opacity:0; visibility:hidden; pointer-events:none;}

/* menu */
.px-menu-product {
    position:absolute; top:100%; left:calc(-1 * var(--menu-offset-left));
    padding-top:23px;
    width:var(--px-100vw);
}
.px-menu-product-inner {
    background:#fff; border:1px solid #d9d9d9;

    max-width:2000px; margin:0 auto !important;
}

/* column */
.px-menu-product .px-menu-product-col {
    flex-grow:1;
    padding:32px;
}
.px-menu-product .px-menu-product-col:not(:last-child) {padding-right:0;}

/* highlight */
.px-menu-product .px-menu-product-col.is-menu-highlight {
    background:var(--px-color-gray);
    padding:32px;
}
.px-menu-product .px-menu-product-col.is-menu-highlight:not(:first-child) {margin-left:32px;}

/* image */
.px-menu-product-image {aspect-ratio:234/183;}
ul.menu > li.menu-item.is-menu-product li > .px-menu-product-image {display:block;}

/* sub title */
.px-menu-product-col > a {
    display:block !important;
    padding:0 0 12px !important; margin-bottom:16px;
    border-bottom:1px solid #d9d9d9;

    font-weight:700; font-size:14px; text-transform:uppercase;
    pointer-events:none;
}
.px-menu-product-col > a:after {display:none !important;}

/* sub items */
.px-menu-product-col ul li:not(:last-child) {margin-bottom:8px;}
.px-menu-product-col ul li a:hover,
.px-menu-product-col ul li a:focus {text-decoration:underline;}

/*********************************************
 * Menu Product Responsive
**********************************************/
@media only screen and (max-width:1024px) {
}