/* SecretGift V10.4.1 — Concept compact, cartes colorées */
.sg-concept-page{
    display:grid;
    gap:10px;
    max-width:1680px;
    margin:0 auto;
}

.sg-concept-hero{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);
    gap:12px;
    align-items:center;
    padding:16px 18px;
    border-radius:18px;
    background:linear-gradient(135deg,#17120f,#2d211b);
    color:#fff;
    box-shadow:0 8px 22px rgba(27,20,14,.16);
}

.sg-concept-hero h1{
    margin:6px 0 8px;
    max-width:820px;
    font-size:clamp(2rem,4.4vw,4.1rem);
    line-height:.98;
}

.sg-concept-hero p{
    max-width:820px;
    margin:0;
    color:#f2ebe5;
    font-size:.85rem;
    line-height:1.48;
}

.sg-concept-chip{
    display:inline-flex;
    padding:5px 9px;
    border-radius:999px;
    background:#f3e4bd;
    color:#65440e;
    font-size:.61rem;
    font-weight:950;
    letter-spacing:.06em;
}

.sg-concept-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:12px;
}

.sg-concept-hero-actions .btn{
    min-height:40px;
    padding:8px 12px;
    font-size:.68rem;
}

.sg-concept-hero-visual{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}

.sg-concept-hero-visual article{
    display:grid;
    place-items:center;
    min-height:104px;
    padding:9px;
    border-radius:14px;
    text-align:center;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.075);
}

.sg-concept-hero-visual article:nth-child(1){
    background:rgba(230,184,84,.18);
}

.sg-concept-hero-visual article:nth-child(2){
    background:rgba(113,79,168,.22);
}

.sg-concept-hero-visual article:nth-child(3){
    background:rgba(168,62,165,.20);
}

.sg-concept-hero-visual article:nth-child(4){
    background:rgba(44,131,180,.20);
}

.sg-concept-hero-visual span{
    font-size:1.75rem;
}

.sg-concept-hero-visual b{
    margin-top:2px;
    font-size:.66rem;
}

.sg-concept-proof{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
}

.sg-concept-proof article{
    min-height:76px;
    padding:9px 10px;
    border-left:7px solid;
    border-radius:11px;
    box-shadow:0 4px 10px rgba(0,0,0,.04);
}

.sg-concept-proof article:nth-child(1){
    background:#d9f0e2;
    border-color:#278650;
    color:#155b38;
}

.sg-concept-proof article:nth-child(2){
    background:#dceef9;
    border-color:#267dab;
    color:#164f70;
}

.sg-concept-proof article:nth-child(3){
    background:#e9def9;
    border-color:#7954b5;
    color:#432578;
}

.sg-concept-proof article:nth-child(4){
    background:#ffe4ad;
    border-color:#c6790d;
    color:#714000;
}

.sg-concept-proof strong,
.sg-concept-proof span{
    display:block;
}

.sg-concept-proof strong{
    font-size:.88rem;
    line-height:1.15;
}

.sg-concept-proof span{
    margin-top:4px;
    font-size:.59rem;
    line-height:1.3;
}

.sg-concept-section{
    display:grid;
    gap:9px;
    padding:12px;
    border:1px solid #e1d8ce;
    border-radius:14px;
    background:#fff;
}

.sg-concept-section:nth-of-type(3){
    background:#f8fbfd;
}

.sg-concept-section:nth-of-type(4){
    background:#fcf8f2;
}

.sg-concept-section:nth-of-type(5){
    background:#faf7ff;
}

.sg-concept-section-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:14px;
}

.sg-concept-section-head h2{
    margin:0;
    font-size:1.2rem;
}

.sg-concept-section-head p{
    max-width:760px;
    margin:0;
    color:#6f655c;
    font-size:.68rem;
    line-height:1.4;
}

.sg-concept-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.sg-concept-card{
    min-height:190px;
    padding:11px;
    border-left:7px solid;
    border-radius:11px;
}

.sg-concept-card h3{
    margin:6px 0 4px;
    font-size:.87rem;
}

.sg-concept-card p{
    margin:0;
    color:inherit;
    opacity:.86;
    font-size:.65rem;
    line-height:1.4;
}

.sg-concept-card ul{
    display:grid;
    gap:4px;
    margin:8px 0 0;
    padding:0;
    list-style:none;
    font-size:.62rem;
    font-weight:850;
}

.sg-concept-card--catalog{
    background:#dceef9;
    border-color:#267dab;
    color:#164f70;
}

.sg-concept-card--own{
    background:#eadffa;
    border-color:#7954b5;
    color:#432578;
}

.sg-concept-card--find{
    background:#dff1e6;
    border-color:#278650;
    color:#185b39;
}

.sg-process{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
}

.sg-process article{
    min-height:142px;
    padding:10px;
    border-radius:10px;
    border-top:5px solid;
}

.sg-process article:nth-child(1){
    background:#dceef9;
    border-color:#267dab;
}

.sg-process article:nth-child(2){
    background:#eadffa;
    border-color:#7954b5;
}

.sg-process article:nth-child(3){
    background:#ffe4ad;
    border-color:#c6790d;
}

.sg-process article:nth-child(4){
    background:#f3dce1;
    border-color:#aa3d50;
}

.sg-process article:nth-child(5){
    background:#dff1e6;
    border-color:#278650;
}

.sg-process b{
    display:grid;
    place-items:center;
    width:29px;
    height:29px;
    border-radius:50%;
    background:#17120e;
    color:#fff;
    font-size:.68rem;
}

.sg-process h3{
    margin:7px 0 3px;
    font-size:.76rem;
}

.sg-process p{
    margin:0;
    color:#5f574f;
    font-size:.59rem;
    line-height:1.35;
}

.sg-security-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px;
}

.sg-security-card{
    min-height:145px;
    padding:10px;
    border-left:7px solid;
    border-radius:11px;
}

.sg-security-card:nth-child(1){
    background:#f3dce1;
    border-color:#aa3d50;
}

.sg-security-card:nth-child(2){
    background:#dceef9;
    border-color:#267dab;
}

.sg-security-card:nth-child(3){
    background:#dff1e6;
    border-color:#278650;
}

.sg-security-card:nth-child(4){
    background:#f6e7c8;
    border-color:#bd8730;
}

.sg-security-card h3{
    margin:5px 0 3px;
    font-size:.78rem;
}

.sg-security-card p{
    margin:0;
    color:#5f574f;
    font-size:.6rem;
    line-height:1.4;
}

.sg-story{
    padding:13px 15px;
    border-radius:13px;
    background:linear-gradient(135deg,#613993,#37206e);
    color:#fff;
}

.sg-story h2{
    margin:0 0 5px;
    color:#fff;
    font-size:1.13rem;
}

.sg-story p{
    max-width:1100px;
    margin:0;
    color:#f1eaff;
    font-size:.7rem;
    line-height:1.5;
}

.sg-final-cta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:13px 15px;
    border-left:8px solid #b98a31;
    border-radius:13px;
    background:#f2e5c8;
}

.sg-final-cta h2{
    margin:0 0 4px;
    font-size:1.12rem;
}

.sg-final-cta p{
    margin:0;
    color:#6a5b46;
    font-size:.67rem;
}

.sg-final-cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.sg-final-cta-actions .btn{
    min-height:39px;
    padding:8px 11px;
    font-size:.67rem;
}

@media(max-width:1000px){
    .sg-concept-hero{
        grid-template-columns:1fr;
    }

    .sg-concept-proof{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sg-process{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

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

@media(max-width:720px){
    .sg-concept-section-head{
        display:grid;
        align-items:start;
    }

    .sg-concept-grid{
        grid-template-columns:1fr;
    }

    .sg-concept-card{
        min-height:0;
    }

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

    .sg-final-cta{
        display:grid;
    }
}

@media(max-width:520px){
    .sg-concept-page{
        gap:8px;
    }

    .sg-concept-hero{
        padding:13px;
        border-radius:14px;
    }

    .sg-concept-hero h1{
        font-size:2.2rem;
    }

    .sg-concept-hero-visual{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .sg-concept-hero-visual article{
        min-height:82px;
    }

    .sg-concept-proof,
    .sg-process,
    .sg-security-grid{
        grid-template-columns:1fr;
    }

    .sg-concept-proof article,
    .sg-process article,
    .sg-security-card{
        min-height:0;
    }

    .sg-concept-hero-actions,
    .sg-final-cta-actions{
        display:grid;
    }

    .sg-concept-hero-actions .btn,
    .sg-final-cta-actions .btn{
        width:100%;
    }
}


/* V10.4.2 — Hero Concept en cartes visuelles colorées */
.sg-concept-hero{
    position:relative;
    overflow:hidden;
    grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
    gap:18px;
    padding:22px 26px;
    background:
        radial-gradient(circle at 52% 48%,rgba(112,58,220,.32),transparent 28%),
        linear-gradient(135deg,#10155a 0%,#21147a 48%,#6611a4 100%);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 15px 35px rgba(34,19,97,.24);
}
.sg-concept-hero:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.16;
    background-image:radial-gradient(circle,#fff 1px,transparent 1px);
    background-size:24px 24px;
    mask-image:linear-gradient(90deg,transparent 30%,#000 58%,transparent 100%);
}
.sg-concept-hero-copy,.sg-concept-hero-visual{position:relative;z-index:1}
.sg-concept-chip{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.14)}
.sg-concept-hero h1{max-width:720px;font-size:clamp(2.5rem,4.4vw,4.9rem);letter-spacing:-.045em}
.sg-concept-hero h1::first-line{color:#fff}
.sg-concept-hero p{max-width:650px;font-size:.9rem;color:#f0efff}
.sg-concept-hero-actions{margin-top:16px}
.sg-concept-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:230px;min-height:48px;padding:8px 13px;border-radius:10px;color:#fff;text-decoration:none;font-size:.72rem;font-style:normal;box-shadow:0 8px 18px rgba(0,0,0,.18);transition:transform .18s ease,filter .18s ease}
.sg-concept-cta:hover{transform:translateY(-2px);filter:brightness(1.06)}
.sg-concept-cta i{font-style:normal;font-size:1rem}
.sg-concept-cta--gift{background:linear-gradient(135deg,#ffcb18,#ff9800);color:#241400}
.sg-concept-cta--custom{background:linear-gradient(135deg,#b13fe0,#e113ba)}
.sg-concept-hero-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sg-value-card{display:grid!important;grid-template-columns:92px 1fr;align-items:center;gap:13px;min-height:136px!important;padding:14px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;text-align:left!important;box-shadow:0 9px 20px rgba(0,0,0,.15)}
.sg-value-card--gift{background:linear-gradient(135deg,#ffca16,#ff9800)!important;color:#fff}
.sg-value-card--secret{background:linear-gradient(135deg,#f25a96,#cc28a1)!important;color:#fff}
.sg-value-card--emotion{background:linear-gradient(135deg,#2eafff,#0878eb)!important;color:#fff}
.sg-value-card--security{background:linear-gradient(135deg,#9dde18,#55b516)!important;color:#fff}
.sg-value-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:#fff;font-size:2.35rem!important;box-shadow:0 8px 18px rgba(0,0,0,.17)}
.sg-value-card b{display:block;font-size:1.02rem!important;margin-bottom:5px}
.sg-value-card p{margin:0!important;color:rgba(255,255,255,.94)!important;font-size:.69rem!important;line-height:1.45!important}
@media(max-width:1120px){.sg-concept-hero{grid-template-columns:1fr}.sg-concept-hero-copy{max-width:none}.sg-concept-hero-visual{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sg-concept-hero{padding:15px}.sg-concept-hero h1{font-size:2.45rem}.sg-concept-hero-visual{grid-template-columns:1fr}.sg-value-card{grid-template-columns:70px 1fr;min-height:112px!important}.sg-value-icon{width:62px;height:62px;font-size:1.8rem!important}.sg-concept-cta{min-width:0;width:100%}}