
body.pcgp-general-product{
    --pcgp-teal:#07888a;
    --pcgp-teal-dark:#006f73;
    --pcgp-green:#079c83;
    --pcgp-navy:#173652;
    --pcgp-text:#536c7c;
    --pcgp-muted:#78909d;
    --pcgp-line:#dbe7ea;
    --pcgp-soft:#f7fafb;
    --pcgp-soft-teal:#eef8f8;
}

body.pcgp-general-product .site-main,
body.pcgp-general-product #primary,
body.pcgp-general-product .content-area{
    width:calc(100% - 44px)!important;
    max-width:1320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    float:none!important;
}

body.pcgp-general-product .woocommerce-breadcrumb{
    margin:17px 0 22px!important;
    color:#78909d!important;
    font-size:11.5px!important;
    line-height:1.4!important;
}
body.pcgp-general-product .woocommerce-breadcrumb a{
    color:var(--pcgp-teal)!important;
    text-decoration:none!important;
}

body.pcgp-general-product div.product{
    display:grid!important;
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
    column-gap:48px!important;
    row-gap:34px!important;
    align-items:start!important;
}

body.pcgp-general-product div.product div.images,
body.pcgp-general-product div.product div.summary{
    width:100%!important;
    float:none!important;
    margin:0!important;
    box-sizing:border-box!important;
}

/* ---------- Product gallery ---------- */
body.pcgp-general-product div.product div.images{
    position:relative!important;
    min-height:520px!important;
    padding:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid var(--pcgp-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 8px 28px rgba(23,54,82,.035)!important;
    overflow:hidden!important;
}

body.pcgp-general-product div.product div.images .woocommerce-product-gallery__wrapper,
body.pcgp-general-product div.product div.images .woocommerce-product-gallery__image,
body.pcgp-general-product div.product div.images .flex-viewport{
    width:100%!important;
}

body.pcgp-general-product div.product div.images img{
    display:block!important;
    width:100%!important;
    max-height:470px!important;
    object-fit:contain!important;
    margin:0 auto!important;
}

body.pcgp-general-product div.images.pcgp-has-thumbs{
    padding-left:112px!important;
}

body.pcgp-general-product div.images.pcgp-has-thumbs .flex-control-thumbs{
    position:absolute!important;
    left:18px!important;
    top:18px!important;
    bottom:18px!important;
    width:70px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    overflow:auto!important;
    list-style:none!important;
}

body.pcgp-general-product div.images.pcgp-has-thumbs .flex-control-thumbs li{
    width:68px!important;
    height:68px!important;
    margin:0!important;
    padding:5px!important;
    border:1px solid #dce8eb!important;
    border-radius:7px!important;
    background:#fff!important;
    box-sizing:border-box!important;
}

body.pcgp-general-product div.images.pcgp-has-thumbs .flex-control-thumbs li img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    opacity:.72!important;
}

body.pcgp-general-product div.images.pcgp-has-thumbs .flex-control-thumbs li img.flex-active{
    opacity:1!important;
}

body.pcgp-general-product div.images.pcgp-has-thumbs .flex-control-thumbs li:has(img.flex-active){
    border-color:var(--pcgp-teal)!important;
}

/* ---------- Summary ---------- */
body.pcgp-general-product div.product div.summary{
    padding:12px 0 0!important;
}

body.pcgp-general-product .pcgp-category{
    display:inline-flex!important;
    align-items:center!important;
    min-height:27px!important;
    margin:0 0 10px!important;
    padding:5px 11px!important;
    border-radius:16px!important;
    background:#dff4f2!important;
    color:var(--pcgp-teal-dark)!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
}

body.pcgp-general-product div.product .product_title{
    margin:0 0 13px!important;
    color:var(--pcgp-navy)!important;
    font-size:39px!important;
    line-height:1.14!important;
    font-weight:600!important;
    letter-spacing:-.018em!important;
}

body.pcgp-general-product .pcgp-summary-copy{
    max-width:690px!important;
    margin:0!important;
    color:#4f6979!important;
    font-size:14.5px!important;
    line-height:1.72!important;
}

body.pcgp-general-product .pcgp-summary-copy p{
    margin:0 0 10px!important;
}
body.pcgp-general-product .pcgp-summary-copy p:last-child{
    margin-bottom:0!important;
}

/* Existing saved feature pairs -> premium grid. */
body.pcgp-general-product .pcgp-feature-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    margin:20px 0 0!important;
    padding:14px 0 13px!important;
    border-top:1px solid #e4ecef!important;
    border-bottom:1px solid #e4ecef!important;
}

body.pcgp-general-product .pcgp-feature-card{
    min-width:0!important;
    display:flex!important;
    gap:10px!important;
    align-items:flex-start!important;
    padding:7px 14px 7px 0!important;
}

body.pcgp-general-product .pcgp-feature-card:nth-child(3n+2),
body.pcgp-general-product .pcgp-feature-card:nth-child(3n+3){
    padding-left:14px!important;
    border-left:1px solid #edf2f3!important;
}

body.pcgp-general-product .pcgp-feature-icon{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--pcgp-teal)!important;
}

body.pcgp-general-product .pcgp-feature-icon svg{
    width:28px!important;
    height:28px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.65!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

body.pcgp-general-product .pcgp-feature-text{
    min-width:0!important;
    display:block!important;
}

body.pcgp-general-product .pcgp-feature-text strong{
    display:block!important;
    margin:0 0 2px!important;
    color:var(--pcgp-navy)!important;
    font-size:11.7px!important;
    line-height:1.3!important;
    font-weight:700!important;
}

body.pcgp-general-product .pcgp-feature-text small{
    display:block!important;
    color:#5f7785!important;
    font-size:10.8px!important;
    line-height:1.42!important;
}

/* ---------- CTA hierarchy ---------- */
body.pcgp-general-product .pcrfb-single-wrap{
    margin:18px 0 0!important;
}

body.pcgp-general-product .pcgp-actions{
    display:flex!important;
    gap:10px!important;
    margin:10px 0 0!important;
}

body.pcgp-general-product .pcgp-rfq,
body.pcgp-general-product .pcgp-wa{
    min-height:46px!important;
    flex:1 1 0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:10px 18px!important;
    border-radius:7px!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1!important;
    text-decoration:none!important;
    box-shadow:none!important;
}

body.pcgp-general-product .pcgp-rfq{
    border:1px solid var(--pcgp-teal)!important;
    background:var(--pcgp-teal)!important;
    color:#fff!important;
}

body.pcgp-general-product .pcgp-wa{
    border:1px solid var(--pcgp-green)!important;
    background:#fff!important;
    color:#087d6d!important;
}

body.pcgp-general-product .pcgp-chips{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    margin:18px 0 0!important;
    padding:11px 8px!important;
    border:1px solid #e2eaed!important;
    border-radius:9px!important;
    background:#f8fafb!important;
}

body.pcgp-general-product .pcgp-chips span{
    min-width:0!important;
    padding:2px 10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#526d7c!important;
    font-size:10.2px!important;
    line-height:1.35!important;
    text-align:center!important;
}

body.pcgp-general-product .pcgp-chips span + span{
    border-left:1px solid #e0e8eb!important;
}

/* ---------- Tabs ---------- */
body.pcgp-general-product .woocommerce-tabs,
body.pcgp-general-product .related{
    grid-column:1 / -1!important;
    width:100%!important;
    float:none!important;
}

body.pcgp-general-product .woocommerce-tabs{
    margin:0!important;
    border:1px solid var(--pcgp-line)!important;
    border-radius:11px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(23,54,82,.02)!important;
}

body.pcgp-general-product .woocommerce-tabs ul.tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:0!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-bottom:1px solid var(--pcgp-line)!important;
    background:#f8fbfc!important;
}

body.pcgp-general-product .woocommerce-tabs ul.tabs::before,
body.pcgp-general-product .woocommerce-tabs ul.tabs::after,
body.pcgp-general-product .woocommerce-tabs ul.tabs li::before,
body.pcgp-general-product .woocommerce-tabs ul.tabs li::after{
    content:none!important;
    display:none!important;
}

body.pcgp-general-product .woocommerce-tabs ul.tabs li{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

body.pcgp-general-product .woocommerce-tabs ul.tabs li a{
    display:block!important;
    padding:14px 16px 12px!important;
    color:#4f6878!important;
    font-size:11.5px!important;
    font-weight:650!important;
    text-decoration:none!important;
}

body.pcgp-general-product .woocommerce-tabs ul.tabs li.active a{
    color:var(--pcgp-teal)!important;
    box-shadow:inset 0 -2px 0 var(--pcgp-teal)!important;
}

body.pcgp-general-product .woocommerce-Tabs-panel{
    margin:0!important;
    padding:18px!important;
    color:#526b7b!important;
    font-size:13px!important;
    line-height:1.65!important;
}

/* Specifications tables - imported tables and Woo attributes. */
body.pcgp-general-product .pcgp-imported-spec-table{
    width:100%!important;
    overflow-x:auto!important;
}

body.pcgp-general-product .pcgp-imported-spec-table + .pcgp-imported-spec-table,
body.pcgp-general-product .pcgp-woo-attributes:not(:first-child){
    margin-top:14px!important;
}

body.pcgp-general-product .pcgp-imported-spec-table table,
body.pcgp-general-product table.woocommerce-product-attributes{
    width:100%!important;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border:1px solid #dfe8eb!important;
    border-radius:7px!important;
    overflow:hidden!important;
    background:#fff!important;
}

body.pcgp-general-product .pcgp-imported-spec-table th,
body.pcgp-general-product .pcgp-imported-spec-table td,
body.pcgp-general-product table.woocommerce-product-attributes th,
body.pcgp-general-product table.woocommerce-product-attributes td{
    padding:9px 11px!important;
    border:0!important;
    border-right:1px solid #e6edef!important;
    border-bottom:1px solid #e6edef!important;
    color:#496575!important;
    background:#fff!important;
    font-size:11.5px!important;
    line-height:1.45!important;
    vertical-align:middle!important;
}

body.pcgp-general-product .pcgp-imported-spec-table th,
body.pcgp-general-product .pcgp-imported-spec-table tr:first-child td,
body.pcgp-general-product table.woocommerce-product-attributes th{
    color:#284c60!important;
    background:#f6f9fa!important;
    font-weight:650!important;
}

body.pcgp-general-product .pcgp-imported-spec-table tr:last-child td,
body.pcgp-general-product .pcgp-imported-spec-table tr:last-child th,
body.pcgp-general-product table.woocommerce-product-attributes tr:last-child td,
body.pcgp-general-product table.woocommerce-product-attributes tr:last-child th{
    border-bottom:0!important;
}

body.pcgp-general-product .pcgp-imported-spec-table td:last-child,
body.pcgp-general-product .pcgp-imported-spec-table th:last-child,
body.pcgp-general-product table.woocommerce-product-attributes td:last-child,
body.pcgp-general-product table.woocommerce-product-attributes th:last-child{
    border-right:0!important;
}

body.pcgp-general-product table.woocommerce-product-attributes th{
    width:32%!important;
}

body.pcgp-general-product table.woocommerce-product-attributes p{
    margin:0!important;
}

/* Documents */
body.pcgp-general-product .pcgp-docs h3{
    margin:0 0 8px!important;
    color:var(--pcgp-navy)!important;
    font-size:17px!important;
    font-weight:600!important;
}
body.pcgp-general-product .pcgp-docs p{
    margin:0 0 8px!important;
}
body.pcgp-general-product .pcgp-doc-links{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:9px!important;
    margin-top:10px!important;
}
body.pcgp-general-product .pcgp-doc-links a{
    min-width:145px!important;
    display:inline-flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:16px!important;
    padding:9px 11px!important;
    border:1px solid #cfe1e5!important;
    border-radius:6px!important;
    background:#f8fbfc!important;
    color:var(--pcgp-teal-dark)!important;
    font-size:11px!important;
    font-weight:600!important;
    text-decoration:none!important;
}

/* ---------- Related products ---------- */
body.pcgp-general-product .related{
    margin:2px 0 0!important;
}

body.pcgp-general-product .pcgp-related-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin:0 0 14px!important;
}

body.pcgp-general-product .related .pcgp-related-head > h2{
    margin:0!important;
    color:var(--pcgp-navy)!important;
    font-size:24px!important;
    line-height:1.2!important;
    font-weight:600!important;
}

body.pcgp-general-product .pcgp-view-all{
    color:var(--pcgp-teal-dark)!important;
    font-size:10.8px!important;
    font-weight:650!important;
    text-decoration:none!important;
}

body.pcgp-general-product .related ul.products{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    margin:0!important;
    padding:0!important;
}

body.pcgp-general-product .related ul.products::before,
body.pcgp-general-product .related ul.products::after{
    content:none!important;
    display:none!important;
}

body.pcgp-general-product .related ul.products li.product{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:11px!important;
    float:none!important;
    clear:none!important;
    display:flex!important;
    flex-direction:column!important;
    border:1px solid var(--pcgp-line)!important;
    border-radius:9px!important;
    background:#fff!important;
    box-sizing:border-box!important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}

body.pcgp-general-product .related ul.products li.product:hover{
    transform:translateY(-2px)!important;
    border-color:#c7dde1!important;
    box-shadow:0 8px 20px rgba(23,54,82,.055)!important;
}

body.pcgp-general-product .related ul.products li.product > a:first-child{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    text-decoration:none!important;
}

body.pcgp-general-product .related ul.products li.product img{
    width:100%!important;
    height:178px!important;
    margin:0 0 10px!important;
    object-fit:contain!important;
}

body.pcgp-general-product .related .woocommerce-loop-product__title,
body.pcgp-general-product .related li.product h2,
body.pcgp-general-product .related li.product h3{
    min-height:36px!important;
    margin:2px 0 10px!important;
    color:var(--pcgp-navy)!important;
    font-size:12.4px!important;
    line-height:1.4!important;
    font-weight:600!important;
}

body.pcgp-general-product .related .price,
body.pcgp-general-product .related .button,
body.pcgp-general-product .related [class*="wishlist"]{
    display:none!important;
}

body.pcgp-general-product .related .pcrfb-add{
    width:100%!important;
    margin-top:auto!important;
}

/* No wishlist / pink leakage. */
body.pcgp-general-product .yith-wcwl-add-to-wishlist,
body.pcgp-general-product .tinv-wraper,
body.pcgp-general-product .woosw-btn,
body.pcgp-general-product a.add_to_wishlist,
body.pcgp-general-product [class*="wishlist"]{
    display:none!important;
}

body.pcgp-general-product a,
body.pcgp-general-product button{
    -webkit-tap-highlight-color:transparent!important;
}
body.pcgp-general-product a:focus,
body.pcgp-general-product button:focus{
    outline:none!important;
}

/* ---------- Tablet ---------- */
@media(max-width:900px){
    body.pcgp-general-product .site-main,
    body.pcgp-general-product #primary,
    body.pcgp-general-product .content-area{
        width:calc(100% - 30px)!important;
    }

    body.pcgp-general-product div.product{
        column-gap:28px!important;
    }

    body.pcgp-general-product div.product div.images{
        min-height:430px!important;
        padding:18px!important;
    }

    body.pcgp-general-product div.product div.images img{
        max-height:390px!important;
    }

    body.pcgp-general-product div.product .product_title{
        font-size:31px!important;
    }

    body.pcgp-general-product .pcgp-summary-copy{
        font-size:13.2px!important;
    }

    body.pcgp-general-product .pcgp-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.pcgp-general-product .pcgp-feature-card,
    body.pcgp-general-product .pcgp-feature-card:nth-child(3n+2),
    body.pcgp-general-product .pcgp-feature-card:nth-child(3n+3){
        padding:7px 10px!important;
        border-left:0!important;
    }

    body.pcgp-general-product .pcgp-feature-card:nth-child(even){
        border-left:1px solid #edf2f3!important;
    }

    body.pcgp-general-product .related ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* ---------- Phone ---------- */
@media(max-width:700px){
    body.pcgp-general-product .site-main,
    body.pcgp-general-product #primary,
    body.pcgp-general-product .content-area{
        width:calc(100% - 22px)!important;
    }

    body.pcgp-general-product .woocommerce-breadcrumb{
        margin:11px 0 13px!important;
        font-size:10px!important;
    }

    body.pcgp-general-product div.product{
        display:block!important;
    }

    body.pcgp-general-product div.product div.images{
        min-height:0!important;
        height:330px!important;
        margin-bottom:18px!important;
        padding:14px!important;
        border-radius:10px!important;
    }

    body.pcgp-general-product div.product div.images.pcgp-has-thumbs{
        height:auto!important;
        min-height:390px!important;
        padding:14px 14px 84px!important;
    }

    body.pcgp-general-product div.images.pcgp-has-thumbs .flex-control-thumbs{
        left:12px!important;
        right:12px!important;
        top:auto!important;
        bottom:12px!important;
        width:auto!important;
        height:58px!important;
        flex-direction:row!important;
        gap:7px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
    }

    body.pcgp-general-product div.images.pcgp-has-thumbs .flex-control-thumbs li{
        flex:0 0 56px!important;
        width:56px!important;
        height:56px!important;
    }

    body.pcgp-general-product div.product div.images img{
        max-height:295px!important;
    }

    body.pcgp-general-product div.product div.summary{
        padding-top:0!important;
    }

    body.pcgp-general-product .pcgp-category{
        margin-bottom:8px!important;
        font-size:9.8px!important;
    }

    body.pcgp-general-product div.product .product_title{
        margin-bottom:10px!important;
        font-size:28px!important;
        line-height:1.18!important;
    }

    body.pcgp-general-product .pcgp-summary-copy{
        font-size:12.8px!important;
        line-height:1.62!important;
    }

    body.pcgp-general-product .pcgp-feature-grid{
        grid-template-columns:1fr!important;
        margin-top:15px!important;
        padding:8px 0!important;
    }

    body.pcgp-general-product .pcgp-feature-card,
    body.pcgp-general-product .pcgp-feature-card:nth-child(n){
        padding:8px 0!important;
        border-left:0!important;
        border-bottom:1px solid #edf2f3!important;
    }

    body.pcgp-general-product .pcgp-feature-card:last-child{
        border-bottom:0!important;
    }

    body.pcgp-general-product .pcgp-chips{
        grid-template-columns:1fr!important;
        padding:7px 11px!important;
    }

    body.pcgp-general-product .pcgp-chips span{
        padding:6px 0!important;
        text-align:left!important;
    }

    body.pcgp-general-product .pcgp-chips span + span{
        border-left:0!important;
        border-top:1px solid #e4eaec!important;
    }

    body.pcgp-general-product .woocommerce-tabs{
        margin-top:22px!important;
    }

    body.pcgp-general-product .woocommerce-tabs ul.tabs{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        padding:0!important;
    }

    body.pcgp-general-product .woocommerce-tabs ul.tabs li a{
        padding:12px 7px 10px!important;
        text-align:center!important;
        font-size:10.2px!important;
    }

    body.pcgp-general-product .woocommerce-Tabs-panel{
        padding:13px!important;
        font-size:12px!important;
    }

    body.pcgp-general-product .pcgp-imported-spec-table th,
    body.pcgp-general-product .pcgp-imported-spec-table td,
    body.pcgp-general-product table.woocommerce-product-attributes th,
    body.pcgp-general-product table.woocommerce-product-attributes td{
        padding:8px!important;
        font-size:10.5px!important;
        white-space:nowrap!important;
    }

    body.pcgp-general-product .pcgp-doc-links{
        display:grid!important;
        grid-template-columns:1fr!important;
    }

    body.pcgp-general-product .pcgp-doc-links a{
        width:100%!important;
        box-sizing:border-box!important;
    }

    body.pcgp-general-product .pcgp-related-head{
        align-items:flex-end!important;
    }

    body.pcgp-general-product .related .pcgp-related-head > h2{
        font-size:20px!important;
    }

    body.pcgp-general-product .pcgp-view-all{
        font-size:10px!important;
    }

    body.pcgp-general-product .related ul.products{
        grid-template-columns:1fr!important;
    }

    body.pcgp-general-product .related ul.products li.product img{
        height:190px!important;
    }
}


/* =========================================================
   v2.0.1 — Full-width lower content correction
   ========================================================= */

/*
 * Some Woo/theme combinations render tabs/related inside the summary wrapper.
 * JS moves them back to the product root; these rules then guarantee they
 * occupy the complete page width below image + summary.
 */
body.pcgp-general-product div.product > .woocommerce-tabs,
body.pcgp-general-product div.product > section.related.products,
body.pcgp-general-product div.product > .related.products{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
}

/* Keep a clear visual break after the hero. */
body.pcgp-general-product div.product > .woocommerce-tabs{
    margin-top:4px!important;
}

body.pcgp-general-product div.product > section.related.products,
body.pcgp-general-product div.product > .related.products{
    margin-top:0!important;
}

/* Full-width specs table. */
body.pcgp-general-product div.product > .woocommerce-tabs .woocommerce-Tabs-panel,
body.pcgp-general-product div.product > .woocommerce-tabs .pcgp-tech-specs,
body.pcgp-general-product div.product > .woocommerce-tabs .pcgp-imported-spec-table,
body.pcgp-general-product div.product > .woocommerce-tabs table{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}

/* Proper full-width related cards. */
@media(min-width:901px){
    body.pcgp-general-product div.product > section.related.products ul.products,
    body.pcgp-general-product div.product > .related.products ul.products{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:16px!important;
        width:100%!important;
    }

    body.pcgp-general-product div.product > section.related.products ul.products li.product,
    body.pcgp-general-product div.product > .related.products ul.products li.product{
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        float:none!important;
        clear:none!important;
    }
}

@media(max-width:900px) and (min-width:701px){
    body.pcgp-general-product div.product > section.related.products ul.products,
    body.pcgp-general-product div.product > .related.products ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:700px){
    body.pcgp-general-product div.product > section.related.products ul.products,
    body.pcgp-general-product div.product > .related.products ul.products{
        grid-template-columns:1fr!important;
    }
}


/* =========================================================
   v2.0.2 — Inline SVG button icons (no icon-font dependency)
   ========================================================= */

body.pcgp-general-product .pcgp-btn-icon{
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

body.pcgp-general-product .pcgp-btn-icon-plus{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
}

body.pcgp-general-product .pcgp-btn-label{
    display:inline-block!important;
    line-height:1!important;
}

body.pcgp-general-product .pcrfb-single-wrap .pcrfb-add,
body.pcgp-general-product .pcrfb-single-wrap .pcgp-wa,
body.pcgp-general-product .pcrfb-single-wrap .pcrfb-view-basket,
body.pcgp-general-product .related .pcrfb-add{
    gap:7px!important;
    align-items:center!important;
    justify-content:center!important;
}

body.pcgp-general-product .pcrfb-single-wrap .pcrfb-view-basket .pcgp-btn-icon{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
}

body.pcgp-general-product .related .pcrfb-add .pcgp-btn-icon{
    color:#07888a!important;
}


/* =========================================================
   v2.0.3 — Solid WhatsApp green CTA
   ========================================================= */
body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa,
body.pcgp-general-product .pcgp-actions .pcgp-wa{
    background:#25D366!important;
    border-color:#25D366!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa:hover,
body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa:focus,
body.pcgp-general-product .pcgp-actions .pcgp-wa:hover,
body.pcgp-general-product .pcgp-actions .pcgp-wa:focus{
    background:#1EBE5D!important;
    border-color:#1EBE5D!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa .pcgp-btn-icon,
body.pcgp-general-product .pcgp-actions .pcgp-wa .pcgp-btn-icon{
    color:#fff!important;
    stroke:#fff!important;
}


/* =========================================================
   v2.0.4 — No-load-glitch + fixed content order
   ========================================================= */

/*
 * RFQ Basket and WhatsApp are initially rendered by two different hooks.
 * Hide only this CTA area for the few milliseconds before JS combines it.
 * This prevents the user seeing the temporary "two green buttons" state.
 */
body.pcgp-general-product:not(.pcgp-ui-ready) div.summary > .pcrfb-single-wrap,
body.pcgp-general-product:not(.pcgp-ui-ready) div.summary > .pcgp-actions{
    visibility:hidden!important;
}

/* Keep their space reserved so the page itself does not jump vertically. */
body.pcgp-general-product div.summary > .pcrfb-single-wrap,
body.pcgp-general-product div.summary > .pcgp-actions{
    transition:none!important;
}

/*
 * Hard visual order for the full-width lower area:
 * specifications/documents first, related products second.
 */
body.pcgp-general-product div.product > div.images{
    order:1!important;
}

body.pcgp-general-product div.product > div.summary{
    order:2!important;
}

body.pcgp-general-product div.product > .woocommerce-tabs{
    order:3!important;
    grid-column:1 / -1!important;
    width:100%!important;
}

body.pcgp-general-product div.product > section.related.products,
body.pcgp-general-product div.product > .related.products{
    order:4!important;
    grid-column:1 / -1!important;
    width:100%!important;
}

/* WhatsApp remains solid green at every cascade stage. */
body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa,
body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa:link,
body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa:visited{
    background:#25D366!important;
    border-color:#25D366!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa:hover,
body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa:focus{
    background:#1EBE5D!important;
    border-color:#1EBE5D!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

body.pcgp-general-product .pcrfb-single-wrap.pcgp-cta-grid .pcgp-wa .pcgp-btn-icon{
    color:#fff!important;
    stroke:#fff!important;
}

/* Related products spacing after the specification panel. */
body.pcgp-general-product div.product > .woocommerce-tabs + section.related.products,
body.pcgp-general-product div.product > .woocommerce-tabs + .related.products{
    margin-top:2px!important;
}


/* =========================================================
   v2.0.5 — Server-rendered CTA + tablet/mobile responsive fix
   ========================================================= */

/* v2.0.4 JS-wait hiding is no longer needed. */
body.pcgp-general-product:not(.pcgp-ui-ready) div.summary > .pcrfb-single-wrap,
body.pcgp-general-product:not(.pcgp-ui-ready) div.summary > .pcgp-actions{
    visibility:visible!important;
}

/* Hide obsolete separate CTA wrappers; v2.0.5 owns one final server block. */
body.pcgp-general-product div.summary > .pcgp-actions,
body.pcgp-general-product div.summary > .pcrfb-single-wrap{
    display:none!important;
}

/* Final CTA — present in correct state from first paint. */
body.pcgp-general-product .pcgp-primary-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px 10px!important;
    width:100%!important;
    margin:18px 0 0!important;
    padding:0!important;
}

body.pcgp-general-product .pcgp-primary-actions .pcrfb-add,
body.pcgp-general-product .pcgp-primary-actions .pcgp-rfq,
body.pcgp-general-product .pcgp-primary-actions .pcgp-wa{
    min-height:45px!important;
    width:100%!important;
    margin:0!important;
    padding:10px 15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border-radius:7px!important;
    box-sizing:border-box!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:700!important;
    text-decoration:none!important;
    box-shadow:none!important;
}

body.pcgp-general-product .pcgp-primary-actions .pcrfb-add,
body.pcgp-general-product .pcgp-primary-actions .pcgp-rfq{
    grid-column:1!important;
    border:1px solid #07888a!important;
    background:#07888a!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

body.pcgp-general-product .pcgp-primary-actions .pcrfb-add:hover,
body.pcgp-general-product .pcgp-primary-actions .pcrfb-add:focus,
body.pcgp-general-product .pcgp-primary-actions .pcgp-rfq:hover,
body.pcgp-general-product .pcgp-primary-actions .pcgp-rfq:focus{
    border-color:#006f73!important;
    background:#006f73!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

body.pcgp-general-product .pcgp-primary-actions .pcgp-wa{
    grid-column:2!important;
    border:1px solid #25D366!important;
    background:#25D366!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

body.pcgp-general-product .pcgp-primary-actions .pcgp-wa:hover,
body.pcgp-general-product .pcgp-primary-actions .pcgp-wa:focus{
    border-color:#1EBE5D!important;
    background:#1EBE5D!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

body.pcgp-general-product .pcgp-primary-actions .pcgp-view-basket{
    grid-column:1 / -1!important;
    justify-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:auto!important;
    margin:0!important;
    padding:3px 7px!important;
    border:0!important;
    background:transparent!important;
    color:#597684!important;
    -webkit-text-fill-color:#597684!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:600!important;
    text-decoration:none!important;
}

body.pcgp-general-product .pcgp-primary-actions .pcgp-view-basket:hover,
body.pcgp-general-product .pcgp-primary-actions .pcgp-view-basket:focus{
    color:#07888a!important;
    -webkit-text-fill-color:#07888a!important;
}

body.pcgp-general-product .pcgp-primary-actions .pcgp-btn-icon{
    flex:0 0 16px!important;
    width:16px!important;
    height:16px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
}

body.pcgp-general-product .pcgp-primary-actions .pcgp-view-basket .pcgp-btn-icon{
    width:13px!important;
    height:13px!important;
    flex-basis:13px!important;
}

/* ---------- Tablet: keep 2 columns but remove empty space below CTA ---------- */
@media(max-width:900px) and (min-width:768px){
    body.pcgp-general-product div.product{
        grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
        column-gap:24px!important;
        row-gap:22px!important;
        align-items:start!important;
    }

    body.pcgp-general-product div.product div.images{
        min-height:0!important;
        height:clamp(320px,42vw,365px)!important;
        padding:14px!important;
    }

    body.pcgp-general-product div.product div.images img{
        max-height:calc(clamp(320px,42vw,365px) - 30px)!important;
    }

    body.pcgp-general-product div.product div.summary{
        min-height:0!important;
        height:auto!important;
        padding-top:2px!important;
    }

    body.pcgp-general-product div.product .product_title{
        font-size:28px!important;
        line-height:1.16!important;
        margin-bottom:9px!important;
    }

    body.pcgp-general-product .pcgp-summary-copy{
        font-size:12.4px!important;
        line-height:1.55!important;
    }

    body.pcgp-general-product .pcgp-feature-grid{
        margin-top:12px!important;
        padding:7px 0!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.pcgp-general-product .pcgp-feature-card,
    body.pcgp-general-product .pcgp-feature-card:nth-child(n){
        padding:6px 8px!important;
    }

    body.pcgp-general-product .pcgp-feature-text strong{
        font-size:10.4px!important;
    }

    body.pcgp-general-product .pcgp-feature-text small{
        font-size:9.5px!important;
        line-height:1.3!important;
    }

    body.pcgp-general-product .pcgp-primary-actions{
        margin-top:12px!important;
    }

    body.pcgp-general-product .pcgp-primary-actions .pcrfb-add,
    body.pcgp-general-product .pcgp-primary-actions .pcgp-rfq,
    body.pcgp-general-product .pcgp-primary-actions .pcgp-wa{
        min-height:40px!important;
        font-size:10.3px!important;
        padding:8px 9px!important;
    }

    body.pcgp-general-product .pcgp-chips{
        margin-top:11px!important;
        padding:7px 5px!important;
    }

    body.pcgp-general-product .pcgp-chips span{
        padding:2px 5px!important;
        font-size:8.8px!important;
    }

    body.pcgp-general-product div.product > .woocommerce-tabs{
        margin-top:0!important;
    }
}

/* ---------- Phone: hard single-column render, no JS dependency ---------- */
@media(max-width:767px){
    body.pcgp-general-product .site-main,
    body.pcgp-general-product #primary,
    body.pcgp-general-product .content-area{
        display:block!important;
        width:calc(100% - 18px)!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        float:none!important;
        overflow:visible!important;
    }

    body.pcgp-general-product div.product{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        gap:0!important;
        overflow:visible!important;
    }

    body.pcgp-general-product div.product > div.images,
    body.pcgp-general-product div.product > div.summary,
    body.pcgp-general-product div.product > .woocommerce-tabs,
    body.pcgp-general-product div.product > section.related.products,
    body.pcgp-general-product div.product > .related.products{
        display:block!important;
        position:relative!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
        float:none!important;
        clear:both!important;
        visibility:visible!important;
        opacity:1!important;
        box-sizing:border-box!important;
    }

    body.pcgp-general-product div.product > div.images{
        order:1!important;
        height:315px!important;
        min-height:0!important;
        margin-bottom:15px!important;
        padding:12px!important;
    }

    body.pcgp-general-product div.product > div.images img{
        max-height:285px!important;
        width:100%!important;
        object-fit:contain!important;
    }

    body.pcgp-general-product div.product > div.summary{
        order:2!important;
        padding:0!important;
        margin-bottom:18px!important;
    }

    body.pcgp-general-product .pcgp-category{
        margin-bottom:7px!important;
    }

    body.pcgp-general-product div.product .product_title{
        font-size:26px!important;
        line-height:1.18!important;
        margin-bottom:9px!important;
    }

    body.pcgp-general-product .pcgp-summary-copy{
        font-size:12.5px!important;
        line-height:1.58!important;
    }

    body.pcgp-general-product .pcgp-feature-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        margin-top:12px!important;
        padding:5px 0!important;
    }

    body.pcgp-general-product .pcgp-feature-card,
    body.pcgp-general-product .pcgp-feature-card:nth-child(n){
        display:flex!important;
        padding:7px 0!important;
        border-left:0!important;
        border-bottom:1px solid #edf2f3!important;
    }

    body.pcgp-general-product .pcgp-feature-card:last-child{
        border-bottom:0!important;
    }

    body.pcgp-general-product .pcgp-primary-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        margin-top:13px!important;
    }

    body.pcgp-general-product .pcgp-primary-actions .pcrfb-add,
    body.pcgp-general-product .pcgp-primary-actions .pcgp-rfq,
    body.pcgp-general-product .pcgp-primary-actions .pcgp-wa,
    body.pcgp-general-product .pcgp-primary-actions .pcgp-view-basket{
        grid-column:1!important;
    }

    body.pcgp-general-product .pcgp-primary-actions .pcrfb-add,
    body.pcgp-general-product .pcgp-primary-actions .pcgp-rfq,
    body.pcgp-general-product .pcgp-primary-actions .pcgp-wa{
        min-height:43px!important;
        font-size:11.2px!important;
    }

    body.pcgp-general-product .pcgp-primary-actions .pcgp-view-basket{
        margin-top:0!important;
    }

    body.pcgp-general-product .pcgp-chips{
        grid-template-columns:1fr!important;
        margin-top:11px!important;
        padding:6px 10px!important;
    }

    body.pcgp-general-product .pcgp-chips span{
        padding:6px 0!important;
        font-size:9.5px!important;
        text-align:left!important;
    }

    body.pcgp-general-product .pcgp-chips span + span{
        border-left:0!important;
        border-top:1px solid #e5ecee!important;
    }

    body.pcgp-general-product div.product > .woocommerce-tabs{
        order:3!important;
        margin-top:0!important;
        margin-bottom:20px!important;
    }

    body.pcgp-general-product .woocommerce-tabs ul.tabs{
        display:flex!important;
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        padding:0 6px!important;
        -webkit-overflow-scrolling:touch!important;
    }

    body.pcgp-general-product .woocommerce-tabs ul.tabs li{
        flex:0 0 auto!important;
    }

    body.pcgp-general-product .woocommerce-tabs ul.tabs li a{
        white-space:nowrap!important;
        padding:11px 10px 9px!important;
    }

    body.pcgp-general-product .woocommerce-Tabs-panel{
        overflow-x:auto!important;
        padding:10px!important;
        -webkit-overflow-scrolling:touch!important;
    }

    body.pcgp-general-product .pcgp-imported-spec-table{
        min-width:560px!important;
    }

    body.pcgp-general-product div.product > section.related.products,
    body.pcgp-general-product div.product > .related.products{
        order:4!important;
        margin-top:0!important;
    }

    body.pcgp-general-product .related ul.products{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
    }

    body.pcgp-general-product .related ul.products li.product{
        min-height:0!important;
    }

    body.pcgp-general-product .related ul.products li.product img{
        height:175px!important;
    }
}
