/* Homepage cards reproduce the concept's plain studio surface and cast light. */
.products-section .product-grid{gap:16px;container-type:inline-size}
.products-section .product-card{
    display:flex;
    flex-direction:column;
    gap:16px;
    min-height:calc((100cqw - 32px)/5.4);
    padding:clamp(18px,2vw,28px) clamp(18px,1.75vw,25px);
    padding-bottom:21px;
    border:1px solid #159ed0;
    border-radius:8px;
    background-color:#001b2d;
    /* JavaScript paints one density-appropriate scene as the card approaches
       the viewport. Keeping URLs in custom properties avoids a second download. */
    background-image:none;
    background-position:right bottom;
    background-size:auto;
    background-repeat:no-repeat;
    transition:border-color .18s;
}
.products-section .product-card[data-product="call"]{--product-scene:url('../images/home-product-call-v2.webp');--product-scene-2x:url('../images/home-product-call-v2@2x.webp')}
.products-section .product-card[data-product="mg"]{--product-scene:url('../images/home-product-mg-v2.webp');--product-scene-2x:url('../images/home-product-mg-v2@2x.webp')}
.products-section .product-card[data-product="pismak"]{--product-scene:url('../images/home-product-pismak-v2.webp');--product-scene-2x:url('../images/home-product-pismak-v2@2x.webp')}
.products-section .product-card[data-product="kt"]{--product-scene:url('../images/home-product-kt-v2.webp');--product-scene-2x:url('../images/home-product-kt-v2@2x.webp')}
.products-section .product-card[data-product="mediator"]{--product-scene:url('../images/home-product-mediator-v2.webp');--product-scene-2x:url('../images/home-product-mediator-v2@2x.webp')}
.products-section .product-card[data-product="mc"]{--product-scene:url('../images/home-product-mc-v2.webp');--product-scene-2x:url('../images/home-product-mc-v2@2x.webp')}
.products-section .product-card[data-scene-fallback]{background-image:var(--product-scene);background-image:image-set(var(--product-scene) 1x,var(--product-scene-2x) 2x)}
@media(scripting:none){
    .products-section .product-card{background-image:var(--product-scene);background-image:image-set(var(--product-scene) 1x,var(--product-scene-2x) 2x)}
}
.products-section .product-card[data-scene-ready="v2"]{background-image:none}
.products-section .product-card-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.products-section .product-card:hover{border-color:#91e8ff}
.products-section .product-card h3{
    font-size:clamp(1.3rem,2.4vw,2.15rem);
    line-height:1.08;
    letter-spacing:-.04em;
    max-width:100%;
}
.products-section .product-card p{
    font-size:clamp(1rem,1.6vw,1.4rem);
    line-height:1.22;
    max-width:64%;
    margin-top:10px;
    overflow-wrap:normal;
}
.products-section .product-card[data-product="call"] p{max-width:70%;font-size:clamp(1rem,1.4vw,1.2rem)}
.products-section .product-card[data-product="kt"] p{max-width:40%}
.products-section .product-card[data-product="mediator"] h3{
    max-width:75%;
    font-size:clamp(1.3rem,2.2vw,2rem);
    line-height:1.02;
}
.products-section .product-card[data-product="mediator"] p{font-size:clamp(1rem,1.5vw,1.3rem)}
.products-section .product-art{display:none}
.products-section .product-card:is([data-product="csm"],[data-product="spdn"]) .product-art{
    display:block;
    width:44%;
    height:180px;
    right:2px;
    bottom:2px;
    object-position:right bottom;
}
.products-section .product-card[data-product="spdn"] .product-art{width:144px;height:144px}
.products-section .product-card:is([data-product="csm"],[data-product="spdn"]) p{max-width:55%}
.products-section .circle-arrow{
    width:43px;
    height:43px;
    position:relative;
    left:auto;
    bottom:auto;
    z-index:2;
    align-self:flex-start;
    flex-shrink:0;
    margin-top:auto;
    font-size:1.7rem;
}
@media(max-width:1200px){
    .products-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .products-section .product-card{padding-bottom:18px;min-height:calc((100cqw - 16px)/3.6)}
    .products-section .product-card h3{font-size:clamp(1.3rem,3.8vw,2.15rem)}
    .products-section .product-card p{font-size:clamp(1rem,2.5vw,1.4rem)}
    .products-section .product-card[data-product="mediator"] h3{font-size:clamp(1.3rem,3.5vw,2rem)}
    .products-section .product-card[data-product="mediator"] p{font-size:clamp(1rem,2.3vw,1.3rem)}
    .products-section .circle-arrow{width:36px;height:36px;font-size:1.5rem}
}
@media(max-width:700px){
    .products-section .product-grid{grid-template-columns:1fr;gap:12px}
    .products-section .product-card{min-height:calc(100cqw/1.65)}
    .products-section .product-card h3{font-size:clamp(1.3rem,8.4vw,2.15rem)}
    .products-section .product-card p{font-size:clamp(1rem,5.2vw,1.4rem)}
    .products-section .product-card[data-product="mediator"] h3{font-size:clamp(1.3rem,7.8vw,2rem)}
    .products-section .product-card[data-product="mediator"] p{font-size:clamp(1rem,4.8vw,1.3rem)}
}
@media(max-width:780px){
    .products-section .product-card[data-product="call"]{--product-scene:url('../images/home-product-call-v2-compact.webp');--product-scene-2x:url('../images/home-product-call-v2-compact@2x.webp')}
    .products-section .product-card[data-product="mg"]{--product-scene:url('../images/home-product-mg-v2-compact.webp');--product-scene-2x:url('../images/home-product-mg-v2-compact@2x.webp')}
    .products-section .product-card[data-product="pismak"]{--product-scene:url('../images/home-product-pismak-v2-compact.webp');--product-scene-2x:url('../images/home-product-pismak-v2-compact@2x.webp')}
    .products-section .product-card[data-product="kt"]{--product-scene:url('../images/home-product-kt-v2-compact.webp');--product-scene-2x:url('../images/home-product-kt-v2-compact@2x.webp')}
    .products-section .product-card[data-product="mediator"]{--product-scene:url('../images/home-product-mediator-v2-compact.webp');--product-scene-2x:url('../images/home-product-mediator-v2-compact@2x.webp')}
    .products-section .product-card[data-product="mc"]{--product-scene:url('../images/home-product-mc-v2-compact.webp');--product-scene-2x:url('../images/home-product-mc-v2-compact@2x.webp')}
}
/* Avoid fractional tracks (1280px content / three cards) causing sampling. */
@supports(width:round(down,1px,1px)){
    .products-section .product-grid{grid-template-columns:repeat(3,round(down,calc((100% - 32px)/3),1px));justify-content:space-between}
    @media(max-width:1200px){
        .products-section .product-grid{grid-template-columns:repeat(2,round(down,calc((100% - 16px)/2),1px))}
    }
    @media(max-width:700px){
        .products-section .product-grid{grid-template-columns:round(down,100%,1px)}
    }
}
@media print{
    .products-section .product-card{background:white;min-height:150px}
    .products-section .product-card-scene{display:none}
}