/* ==========================================================
   CHOCO BONTÉ – USP COMPONENT v1
   Homepage: 4 karty
   Produkt: kompaktní varianta 2 × 2 / 4 × 1 dle prostoru
========================================================== */

:root{
    --cb-usp-primary:#c70342;
    --cb-usp-primary-dark:#a50237;
    --cb-usp-text:#4f4247;
    --cb-usp-bg:#faf7f5;
    --cb-usp-card:#ffffff;
    --cb-usp-border:rgba(199,3,66,.10);
    --cb-usp-radius:24px;
    --cb-usp-gap:20px;
}

.cb-usp-section{
    width:100%;
    padding:52px 0;
    background:var(--cb-usp-bg);
    font-family:Montserrat,Arial,sans-serif;
}

.cb-usp-section__inner{
    width:min(1380px, calc(100% - 96px));
    margin:0 auto;
}

.cb-usp-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:var(--cb-usp-gap);
}

.cb-usp-card{
    position:relative;
    min-height:205px;
    padding:28px 25px 26px;
    overflow:hidden;
    border:1px solid var(--cb-usp-border);
    border-radius:var(--cb-usp-radius);
    background:var(--cb-usp-card);
    box-shadow:0 10px 30px rgba(73,31,44,.06);
    transition:
        border-color .28s ease,
        box-shadow .28s ease,
        transform .28s cubic-bezier(.22,.61,.36,1);
}

.cb-usp-card::before{
    content:"";
    position:absolute;
    top:0;
    left:25px;
    width:42px;
    height:3px;
    border-radius:0 0 999px 999px;
    background:var(--cb-usp-primary);
}

.cb-usp-card:hover{
    transform:translateY(-3px);
    border-color:rgba(199,3,66,.24);
    box-shadow:0 16px 36px rgba(73,31,44,.11);
}

.cb-usp-card__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    margin:6px 0 22px;
    color:var(--cb-usp-primary);
    transition:
        color .28s ease,
        transform .28s cubic-bezier(.22,.61,.36,1);
}

.cb-usp-card:hover .cb-usp-card__icon{
    color:var(--cb-usp-primary-dark);
    transform:scale(1.04);
}

.cb-usp-card__icon svg{
    width:33px;
    height:33px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.05;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.cb-usp-card__title{
    margin:0 0 9px;
    color:var(--cb-usp-primary);
    font-size:20px;
    line-height:1.23;
    font-weight:800;
    letter-spacing:-.02em;
}

.cb-usp-card__text{
    margin:0;
    color:var(--cb-usp-text);
    font-size:14px;
    line-height:1.56;
    font-weight:500;
}

/* Detail produktu – kompaktní varianta */
.cb-usp-section--product{
    margin:34px 0 0;
    padding:0;
    background:transparent;
}

.cb-usp-section--product .cb-usp-section__inner{
    width:100%;
}

.cb-usp-section--product .cb-usp-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.cb-usp-section--product .cb-usp-card{
    min-height:150px;
    padding:20px 18px 18px;
    border-radius:18px;
    box-shadow:0 7px 22px rgba(73,31,44,.055);
}

.cb-usp-section--product .cb-usp-card::before{
    left:18px;
    width:32px;
}

.cb-usp-section--product .cb-usp-card__icon{
    width:42px;
    height:42px;
    margin:2px 0 14px;
}

.cb-usp-section--product .cb-usp-card__icon svg{
    width:25px;
    height:25px;
}

.cb-usp-section--product .cb-usp-card__title{
    margin-bottom:6px;
    font-size:15px;
}

.cb-usp-section--product .cb-usp-card__text{
    font-size:12px;
    line-height:1.45;
}

@media(max-width:1100px){
    .cb-usp-section__inner{
        width:min(100% - 48px,1000px);
    }

    .cb-usp-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:599px){
    .cb-usp-section{
        padding:32px 0;
    }

    .cb-usp-section__inner{
        width:calc(100% - 24px);
    }

    .cb-usp-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .cb-usp-card{
        min-height:184px;
        padding:21px 15px 19px;
        border-radius:18px;
    }

    .cb-usp-card::before{
        left:15px;
        width:32px;
    }

    .cb-usp-card__icon{
        width:46px;
        height:46px;
        margin:3px 0 16px;
    }

    .cb-usp-card__icon svg{
        width:27px;
        height:27px;
    }

    .cb-usp-card__title{
        margin-bottom:7px;
        font-size:15px;
    }

    .cb-usp-card__text{
        font-size:12px;
        line-height:1.45;
    }

    .cb-usp-section--product{
        margin-top:28px;
        padding:0;
    }

    .cb-usp-section--product .cb-usp-grid{
        gap:10px;
    }

    .cb-usp-section--product .cb-usp-card{
        min-height:144px;
        padding:17px 13px 15px;
    }

    .cb-usp-section--product .cb-usp-card__title{
        font-size:14px;
    }

    .cb-usp-section--product .cb-usp-card__text{
        font-size:11.5px;
    }
}

@media(max-width:380px){
    .cb-usp-card{
        padding-left:13px;
        padding-right:13px;
    }

    .cb-usp-card__title{
        font-size:14px;
    }

    .cb-usp-card__text{
        font-size:11.5px;
    }
}

@media(prefers-reduced-motion:reduce){
    .cb-usp-card,
    .cb-usp-card__icon{
        transition:none;
    }
}