/*
Theme Name: Velvet Social
Version: 0.3.1
Description: Velvet Social - Hero pleine largeur configurable.
*/
:root{--bg:#09070d;--text:#f8f3f6;--muted:#c5bbc3;--pink:#e9166b;--pink2:#ff4d9a;--line:#432c3e}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.vs-container{width:min(1240px,92%);margin:auto}.vs-header{height:86px;background:#09070df7;border-bottom:1px solid var(--line);position:relative;z-index:10}.vs-nav{height:86px;display:flex;align-items:center;gap:28px}
.vs-logo{min-width:245px}.vs-logo-text{font:32px Georgia,serif}.vs-logo-text b{color:var(--pink2);font-style:italic}.vs-tag{display:block;color:#aaa;font:italic 12px Georgia,serif;margin-top:6px}
.vs-menu{display:flex;gap:27px;margin-left:auto}.vs-menu a{padding:31px 0;border-bottom:2px solid transparent}.vs-menu a:hover,.vs-menu a.active{border-color:var(--pink)}
.vs-actions{display:flex;gap:10px}.vs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border:1px solid #76556d;border-radius:28px;font-weight:700}.vs-primary{background:linear-gradient(90deg,var(--pink),#c80059);border-color:transparent}
.vs-hero{min-height:calc(100vh - 86px);position:relative;overflow:hidden;display:flex;align-items:center;background:#130b12}.vs-hero-image{position:absolute;inset:0;background:center/cover no-repeat}
.vs-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,5,10,.97),rgba(7,5,10,.89) 32%,rgba(7,5,10,.45) 68%,rgba(7,5,10,.35)),linear-gradient(0deg,rgba(7,5,10,.97),transparent 40%)}
.vs-hero-content{position:relative;z-index:2;width:min(1240px,92%);margin:auto;padding:75px 0 215px}.vs-kicker{font-size:14px;letter-spacing:7px;color:#c1b6bf}
.vs-hero h1{margin:23px 0 20px;max-width:730px;font:400 clamp(52px,7vw,88px)/.96 Georgia,serif;letter-spacing:-2px}.vs-hero h1 em{color:var(--pink2);font-style:italic}
.vs-lead{max-width:620px;color:#eee7eb;font-size:19px;line-height:1.55}.vs-hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.vs-features{position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);width:min(1240px,92%);display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.vs-feature{text-align:center;border-top:1px solid #713253b3;padding-top:14px}
.vs-icon{width:56px;height:56px;margin:-43px auto 9px;display:grid;place-items:center;border:1px solid #9f2d6a;border-radius:50%;background:#100a12;color:var(--pink2);font-size:25px}.vs-feature strong{display:block}.vs-feature span{display:block;margin-top:4px;color:var(--muted);font-size:14px}
.vs-age{position:absolute;right:3%;bottom:9px;z-index:4;display:flex;align-items:center;gap:8px;color:#bbb2ba;font-size:13px}.vs-age-badge{width:48px;height:48px;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center;font-weight:800}
.vs-page{padding:70px 0}.vs-card{background:#15111a;border:1px solid var(--line);border-radius:18px;padding:30px}.vs-footer{padding:35px 0;border-top:1px solid var(--line);color:#bdb4bb}
@media(max-width:1100px){.vs-menu{display:none}.vs-actions{margin-left:auto}.vs-features{grid-template-columns:repeat(3,1fr)}.vs-feature:nth-child(n+4){display:none}.vs-age{display:none}}
@media(max-width:650px){.vs-header,.vs-nav{height:72px}.vs-logo{min-width:0}.vs-logo-text{font-size:25px}.vs-actions .vs-btn:first-child{display:none}.vs-hero{min-height:calc(100vh - 72px)}.vs-hero-content{padding:60px 0 210px}.vs-kicker{font-size:10px;letter-spacing:3px}.vs-hero h1{font-size:48px}.vs-lead{font-size:16px}.vs-features{grid-template-columns:repeat(2,1fr)}.vs-feature:nth-child(3){display:none}}