/*
Pinjin v4.0.3
ONLY:
1) left product category sidebar follows the page while scrolling
2) Product Highlights / Typical Applications matches the reference-like layout
*/

/* -------------------------------------------
   Archive/category left sidebar follow-scroll
-------------------------------------------- */
.pj396-products-layout,
.pj396-category-column{
    overflow: visible !important;
}
.pj396-category-panel{
    will-change: top, left, width !important;
    scrollbar-width: thin;
}

/* -------------------------------------------
   Product single page:
   refine image/text proportion + module layout
-------------------------------------------- */
.pj403-single-hero{
    display:grid !important;
    grid-template-columns:minmax(0, 0.47fr) minmax(0, 0.53fr) !important;
    gap:40px !important;
    align-items:start !important;
}
.pj403-gallery-col{
    min-width:0 !important;
}
.pj403-summary-col{
    min-width:0 !important;
}

.pj402-product-extra.pj403-ref-layout{
    margin:22px 0 20px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:34px !important;
}
.pj402-product-extra.pj403-ref-layout .pj402-extra-card,
.pj402-product-extra.pj403-ref-layout .pj403-plain-card{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.pj402-product-extra.pj403-ref-layout h3{
    margin:0 0 14px !important;
    color:#14213d !important;
    font-size:18px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}
.pj402-product-extra.pj403-ref-layout ul{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.pj402-product-extra.pj403-ref-layout li{
    position:relative !important;
    margin:0 0 12px !important;
    padding-left:28px !important;
    color:#26384f !important;
    font-size:14px !important;
    line-height:1.55 !important;
}
.pj402-product-extra.pj403-ref-layout li:last-child{
    margin-bottom:0 !important;
}
.pj402-product-extra.pj403-ref-layout li::before{
    content:"✓" !important;
    position:absolute !important;
    left:0 !important;
    top:1px !important;
    width:18px !important;
    height:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:#1f63dc !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
}

@media (max-width: 1024px){
    .pj403-single-hero{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }
    .pj402-product-extra.pj403-ref-layout{
        grid-template-columns:1fr 1fr !important;
        gap:24px !important;
    }
}

@media (max-width: 700px){
    .pj402-product-extra.pj403-ref-layout{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }
    .pj396-category-panel{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        width:100% !important;
        max-height:none !important;
        overflow:visible !important;
    }
}