/* Vinabox Home Page -- Design System v2 -- 2026-05-05 */

/* GP layout override for home */
.page-template-page-home .site.grid-container{max-width:none!important;width:100%!important}
.page-template-page-home .site-content{display:block!important;padding:0!important;margin:0!important;max-width:none!important}
.page-template-page-home .content-area,.page-template-page-home .inside-article{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
.page-template-page-home .entry-header,.page-template-page-home .entry-title{display:none!important}
.page-template-page-home .entry-content{margin:0!important;padding:0!important}

/* Container */
.vbh-container{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}

/* Buttons */
.vbh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:var(--vb-weight-bold);line-height:1.2;letter-spacing:.01em;border-radius:var(--vb-radius-sm);border:1px solid transparent;transition:all var(--vb-duration-fast) var(--vb-ease);cursor:pointer;white-space:nowrap;text-decoration:none;font-family:inherit}
.vbh-btn-primary{background:var(--vb-bordeaux-500);color:#fff}
.vbh-btn-primary:hover{background:var(--vb-bordeaux-700)}
.vbh-btn-outline{background:transparent;color:var(--vb-bordeaux-500);border-color:var(--vb-bordeaux-500)}
.vbh-btn-outline:hover{background:var(--vb-bordeaux-500);color:#fff}
.vbh-btn-accent{background:var(--vb-jaune-500);color:var(--vb-bordeaux-900)}
.vbh-btn-accent:hover{background:var(--vb-jaune-600);color:#fff}
.vbh-btn-lg{padding:16px 28px;font-size:var(--vb-text-body)}
.vbh-btn-arrow::after{content:"\2192";font-weight:400;transition:transform var(--vb-duration-fast) var(--vb-ease)}
.vbh-btn-arrow:hover::after{transform:translateX(3px)}

/* Section generics */
.vbh-block{padding:96px 0}
.vbh-block.tight{padding:72px 0}
.vbh-block.alt{background:var(--vb-neutral-50)}
.vbh-block.dark{background:var(--vb-bordeaux-500);color:var(--vb-neutral-50)}
.vbh-section-head{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:48px}
.vbh-section-head .left{max-width:640px}
.vbh-section-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.14em;color:var(--vb-jaune-700);margin-bottom:16px}
.vbh-section-eyebrow::before{content:"";width:24px;height:1.5px;background:var(--vb-jaune-500)}
.vbh-section-title{font-family:var(--vb-font-serif);font-size:clamp(2rem,1.6rem + 1.6vw,2.8rem);line-height:var(--vb-lh-tight);letter-spacing:-.02em;color:var(--vb-bordeaux-500);margin:0 0 12px;font-weight:400;text-wrap:balance}
.vbh-block.dark .vbh-section-title{color:var(--vb-neutral-50)}
.vbh-block.dark .vbh-section-eyebrow{color:var(--vb-jaune-400)}
.vbh-section-sub{font-size:var(--vb-text-body);line-height:1.55;color:var(--vb-fg-muted);margin:0;max-width:560px}
.vbh-block.dark .vbh-section-sub{color:var(--vb-neutral-200)}
.vbh-section-head .right{flex-shrink:0}

/* ---- HERO ---- */
.vbh-hero{background:var(--vb-neutral-50);position:relative;padding:72px 0 88px;overflow:hidden}
.vbh-hero::before{content:"";position:absolute;top:0;right:-120px;width:520px;height:520px;background:radial-gradient(circle,rgba(211,156,68,.14),transparent 60%);pointer-events:none}
.vbh-hero-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;position:relative}
.vbh-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.14em;color:var(--vb-jaune-700);margin-bottom:24px}
.vbh-hero-eyebrow::before{content:"";width:32px;height:1.5px;background:var(--vb-jaune-500)}
.vbh-hero h1{font-family:var(--vb-font-serif);font-size:clamp(2.8rem,2.2rem + 2.5vw,4.2rem);line-height:1.02;letter-spacing:-.02em;color:var(--vb-bordeaux-500);margin:0 0 24px;text-wrap:balance;font-weight:400}
.vbh-hero h1 em{font-style:italic;color:var(--vb-jaune-600)}
.vbh-hero .lead{font-size:19px;line-height:1.55;color:var(--vb-neutral-700);max-width:520px;margin:0 0 36px}
.vbh-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.vbh-hero-meta{display:flex;gap:36px;align-items:center;padding-top:28px;border-top:1px solid var(--vb-border)}
.vbh-hero-meta-item{display:flex;flex-direction:column;gap:2px}
.vbh-hero-meta-item .num{font-family:var(--vb-font-serif);font-size:var(--vb-text-h4);color:var(--vb-bordeaux-500);line-height:var(--vb-lh-tight)}
.vbh-hero-meta-item .label{font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--vb-fg-muted)}

/* Hero visual */
.vbh-hero-visual{position:relative;height:540px}
.vbh-hero-visual .img-main{position:absolute;inset:0 0 40px 0;background:linear-gradient(135deg,#4a1f23 0%,#2a0f12 100%);border-radius:var(--vb-radius-lg);overflow:hidden;box-shadow:var(--vb-shadow-xl)}
.vbh-hero-visual .img-main img{width:100%;height:100%;object-fit:cover}
.vbh-hero-visual .img-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(97,38,42,.4) 0%,rgba(97,38,42,0) 40%,rgba(0,0,0,.5) 100%);pointer-events:none}
.vbh-hero-visual .img-caption{position:absolute;bottom:60px;left:24px;right:24px;font-family:var(--vb-font-serif);font-style:italic;font-size:14px;color:var(--vb-jaune-200);letter-spacing:.02em;z-index:2}
.vbh-hero-visual .play-btn{position:absolute;top:calc(50% - 20px);left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--vb-bordeaux-500);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.3);cursor:pointer;transition:transform var(--vb-duration-base) var(--vb-ease);border:none;z-index:2}
.vbh-hero-visual .play-btn:hover{transform:translate(-50%,-50%) scale(1.08)}
.vbh-hero-visual .play-btn svg{width:30px;height:30px;margin-left:4px}

/* Floating box card */
.vbh-hero-box-card{position:absolute;bottom:0;right:-24px;width:280px;background:#fff;border-radius:var(--vb-radius-lg);padding:20px;box-shadow:var(--vb-shadow-xl);border:1px solid var(--vb-border);z-index:3}
.vbh-hero-box-card .label{font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.12em;color:var(--vb-jaune-700);margin-bottom:8px}
.vbh-hero-box-card .title{font-family:var(--vb-font-serif);font-size:var(--vb-text-h5);line-height:1.1;color:var(--vb-bordeaux-500);margin-bottom:12px}
.vbh-hero-box-card .card-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--vb-fg-muted);padding-top:12px;border-top:1px solid var(--vb-border);margin-top:4px}
.vbh-hero-box-card .card-meta .tag{display:inline-flex;align-items:center;gap:6px;font-weight:var(--vb-weight-bold);color:var(--vb-bordeaux-500);text-transform:uppercase;letter-spacing:.08em;font-size:var(--vb-text-caption)}

/* ---- TRUST STRIP ---- */
.vbh-trust{background:var(--vb-bordeaux-500);color:var(--vb-jaune-100);padding:28px 0}
.vbh-trust-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
.vbh-trust-label{font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.14em;color:var(--vb-jaune-300)}
.vbh-trust-logos{display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.vbh-trust-logos span{font-family:var(--vb-font-serif);font-size:var(--vb-text-lead);opacity:.85;letter-spacing:.02em}
.vbh-trust-logos span.italic{font-style:italic}

/* ---- NEWSLETTER / CONTEST ---- */
.vbh-newsletter{background:radial-gradient(ellipse at 10% 50%,rgba(211,156,68,.18),transparent 60%),radial-gradient(ellipse at 90% 20%,rgba(211,156,68,.12),transparent 50%),var(--vb-bordeaux-500);color:var(--vb-neutral-50);padding:88px 0;position:relative;overflow:hidden}
.vbh-newsletter-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.vbh-contest-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;background:var(--vb-jaune-500);color:var(--vb-bordeaux-900);border-radius:var(--vb-radius-pill);font-size:var(--vb-text-caption);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}
.vbh-contest-badge .dot-live{width:8px;height:8px;border-radius:50%;background:var(--vb-bordeaux-500);box-shadow:0 0 0 0 rgba(97,38,42,.6);animation:vbh-pulse-live 1.8s infinite}
@keyframes vbh-pulse-live{0%{box-shadow:0 0 0 0 rgba(97,38,42,.6)}70%{box-shadow:0 0 0 8px rgba(97,38,42,0)}100%{box-shadow:0 0 0 0 rgba(97,38,42,0)}}
.vbh-prize-card{display:flex;align-items:center;gap:18px;margin-top:20px;padding:16px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(211,156,68,.25);border-radius:var(--vb-radius-md);backdrop-filter:blur(6px)}
.vbh-prize-card .prize-img{width:72px;height:72px;flex-shrink:0;border-radius:var(--vb-radius-sm);background:radial-gradient(ellipse at 50% 70%,rgba(211,156,68,.3) 0%,transparent 60%),linear-gradient(135deg,#5d3429 0%,#2a1814 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:32px}
.vbh-prize-card .prize-label{font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);color:var(--vb-jaune-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
.vbh-prize-card .prize-title{font-family:var(--vb-font-serif);font-size:var(--vb-text-lead);color:var(--vb-neutral-50);line-height:1.15;margin-bottom:3px}
.vbh-prize-card .prize-sub{font-size:var(--vb-text-caption);color:var(--vb-neutral-300)}
.vbh-countdown{display:flex;gap:10px;margin-top:24px}
.vbh-countdown-unit{background:rgba(0,0,0,.25);border:1px solid rgba(211,156,68,.2);border-radius:var(--vb-radius-md);padding:10px 14px;text-align:center;min-width:64px}
.vbh-countdown-unit .num{font-family:var(--vb-font-serif);font-size:32px;line-height:var(--vb-lh-tight);color:var(--vb-jaune-400);font-variant-numeric:tabular-nums;display:block}
.vbh-countdown-unit .lbl{font-size:10px;font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--vb-neutral-300);margin-top:4px;display:block}
.vbh-newsletter h2{font-family:var(--vb-font-serif);font-size:clamp(2.2rem,1.8rem + 1.8vw,3.2rem);line-height:var(--vb-lh-tight);letter-spacing:-.02em;color:var(--vb-neutral-50);margin:0 0 16px;font-weight:400;text-wrap:balance}
.vbh-newsletter h2 em{color:var(--vb-jaune-400);font-style:italic}
.vbh-newsletter p{color:var(--vb-neutral-200);font-size:var(--vb-text-body);margin:0 0 8px}
.vbh-newsletter .freq{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--vb-radius-pill);background:rgba(211,156,68,.2);color:var(--vb-jaune-300);font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.08em;margin-top:24px}
.vbh-nl-form{background:#fff;border-radius:var(--vb-radius-lg);padding:24px;box-shadow:var(--vb-shadow-xl);color:var(--vb-fg)}
.vbh-nl-form label{font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--vb-fg-muted);margin-bottom:8px;display:block}
.vbh-nl-form input[type="email"]{width:100%;padding:14px 16px;border:1.5px solid var(--vb-border);border-radius:var(--vb-radius-sm);font-size:var(--vb-text-body);font-family:inherit;margin-bottom:14px;transition:border-color var(--vb-duration-fast) var(--vb-ease)}
.vbh-nl-form input[type="email"]:focus{outline:none;border-color:var(--vb-bordeaux-500)}
.vbh-nl-form .checkboxes{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.vbh-nl-form .chk{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--vb-fg-muted);cursor:pointer}
.vbh-nl-form .chk input{width:16px;height:16px;accent-color:var(--vb-bordeaux-500)}
.vbh-nl-form button{width:100%}
.vbh-nl-form .legal{font-size:var(--vb-text-caption);color:var(--vb-fg-subtle);margin-top:14px;text-align:center;line-height:1.5}
.vbh-nl-form .legal a{color:inherit;text-decoration:underline}

/* ---- YOUTUBE ---- */
.vbh-yt-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
.vbh-yt-card{background:rgba(255,255,255,.04);border:1px solid rgba(211,156,68,.2);border-radius:var(--vb-radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all var(--vb-duration-base) var(--vb-ease);text-decoration:none;color:inherit}
.vbh-yt-card:hover{background:rgba(255,255,255,.08);transform:translateY(-4px)}
.vbh-yt-card .thumb{aspect-ratio:16/9;position:relative;overflow:hidden;background:#2a0f12}
.vbh-yt-card.big .thumb{aspect-ratio:16/10}
.vbh-yt-card .thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.6) 100%),linear-gradient(135deg,#7a5a3a 0%,#3d2416 50%,#1a0c0a 100%)}
.vbh-yt-card .thumb img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.vbh-yt-card:nth-child(2) .thumb::before{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.6) 100%),linear-gradient(135deg,#8e2a2a 0%,#4a151a 50%,#220c0d 100%)}
.vbh-yt-card:nth-child(3) .thumb::before{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.6) 100%),linear-gradient(135deg,#d39c44 0%,#6a4b19 50%,#2a1814 100%)}
.vbh-yt-card .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(97,38,42,.95);color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--vb-duration-base) var(--vb-ease);z-index:2}
.vbh-yt-card:hover .play-icon{transform:translate(-50%,-50%) scale(1.1);background:var(--vb-bordeaux-500)}
.vbh-yt-card .play-icon svg{width:22px;height:22px;margin-left:3px}
.vbh-yt-card .duration{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.7);color:#fff;padding:3px 8px;border-radius:3px;font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);font-variant-numeric:tabular-nums;z-index:2}
.vbh-yt-card .body{padding:20px}
.vbh-yt-card.big .body{padding:28px}
.vbh-yt-card .yt-eyebrow{font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.12em;color:var(--vb-jaune-400);margin-bottom:10px}
.vbh-yt-card h4{font-family:var(--vb-font-serif);font-size:var(--vb-text-lead);line-height:1.15;margin:0 0 8px;color:var(--vb-neutral-50);font-weight:400;text-wrap:balance}
.vbh-yt-card.big h4{font-size:var(--vb-text-h4)}
.vbh-yt-card .meta{font-size:13px;color:var(--vb-neutral-300)}

/* ---- QUIZ ---- */
.vbh-quiz-card{background:#fff;border-radius:var(--vb-radius-xl);padding:48px;border:1px solid var(--vb-border);box-shadow:var(--vb-shadow-lg);display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center}
.vbh-quiz-card .left h3{font-family:var(--vb-font-serif);font-size:40px;line-height:var(--vb-lh-tight);letter-spacing:-.02em;color:var(--vb-bordeaux-500);margin:0 0 16px;font-weight:400;text-wrap:balance}
.vbh-quiz-card .left p{color:var(--vb-fg-muted);margin:0 0 24px;font-size:var(--vb-text-body)}
.vbh-quiz-card .left .time{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--vb-radius-pill);background:var(--vb-jaune-100);color:var(--vb-jaune-800);font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);letter-spacing:.06em;text-transform:uppercase}
.vbh-quiz-step{padding:24px;border:1px solid var(--vb-border);border-radius:var(--vb-radius-lg);background:var(--vb-neutral-50)}
.vbh-quiz-step .step-num{font-family:var(--vb-font-serif);font-size:14px;color:var(--vb-jaune-600);margin-bottom:6px;letter-spacing:.04em}
.vbh-quiz-step .question{font-family:var(--vb-font-serif);font-size:var(--vb-text-h5);color:var(--vb-bordeaux-500);margin-bottom:16px;line-height:1.15}
.vbh-quiz-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vbh-quiz-option{padding:14px 10px;border:1.5px solid var(--vb-border);border-radius:var(--vb-radius-md);background:#fff;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;font-size:13px;font-weight:var(--vb-weight-bold);transition:all var(--vb-duration-fast) var(--vb-ease);cursor:pointer}
.vbh-quiz-option:hover{border-color:var(--vb-bordeaux-500);background:var(--vb-bordeaux-50)}
.vbh-quiz-option.active{border-color:var(--vb-bordeaux-500);background:var(--vb-bordeaux-500);color:#fff}
.vbh-quiz-option .emoji{font-size:var(--vb-text-h5);line-height:var(--vb-lh-tight)}
.vbh-quiz-progress{display:flex;gap:4px;margin-top:20px}
.vbh-quiz-progress span{flex:1;height:4px;background:var(--vb-border);border-radius:2px}
.vbh-quiz-progress span.done{background:var(--vb-bordeaux-500)}
.vbh-quiz-progress span.current{background:var(--vb-jaune-500)}

/* ---- GUIDES GRID ---- */
.vbh-guides-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:24px}
.vbh-guide-card{background:#fff;border-radius:var(--vb-radius-lg);overflow:hidden;border:1px solid var(--vb-border);display:flex;flex-direction:column;transition:transform var(--vb-duration-base) var(--vb-ease),box-shadow var(--vb-duration-base) var(--vb-ease);text-decoration:none;color:inherit}
.vbh-guide-card:hover{transform:translateY(-4px);box-shadow:var(--vb-shadow-lg)}
.vbh-guide-card .thumb{aspect-ratio:16/10;position:relative;overflow:hidden;background:#4a1f23}
.vbh-guide-card .thumb img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.vbh-guide-card .thumb::before{content:"";position:absolute;inset:0;opacity:.85;z-index:2}
.vbh-guide-card.big{grid-column:1;grid-row:1/span 2}
.vbh-guide-card.big .thumb{aspect-ratio:4/3.2}
.vbh-guide-card.big .thumb::before{background:linear-gradient(180deg,rgba(97,38,42,.2) 0%,rgba(42,15,18,.85) 100%),linear-gradient(135deg,#8b6a4a 0%,#5d3429 50%,#2a1814 100%)}
.vbh-guide-card:nth-child(2) .thumb::before{background:linear-gradient(180deg,rgba(97,38,42,.1) 0%,rgba(42,15,18,.7) 100%),repeating-linear-gradient(45deg,#61262A 0,#61262A 12px,#541F23 12px,#541F23 24px)}
.vbh-guide-card:nth-child(3) .thumb::before{background:linear-gradient(180deg,rgba(211,156,68,.2) 0%,rgba(97,38,42,.75) 100%),linear-gradient(135deg,#d39c44 0%,#8f6623 50%,#4a3110 100%)}
.vbh-guide-card:nth-child(4) .thumb::before{background:linear-gradient(180deg,rgba(97,38,42,.2) 0%,rgba(42,15,18,.75) 100%),linear-gradient(135deg,#5d3429 0%,#8b6a4a 50%,#d39c44 120%)}
.vbh-guide-card:nth-child(5) .thumb::before{background:linear-gradient(180deg,rgba(97,38,42,.15) 0%,rgba(42,15,18,.8) 100%),linear-gradient(135deg,#2a0f12 0%,#61262A 50%,#a9585d 100%)}
.vbh-guide-card .body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.vbh-guide-card.big .body{padding:32px}
.vbh-guide-card .cat{font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.12em;color:var(--vb-jaune-700)}
.vbh-guide-card h3{font-family:var(--vb-font-serif);font-size:var(--vb-text-h5);line-height:1.15;color:var(--vb-bordeaux-500);margin:0;font-weight:400;text-wrap:balance}
.vbh-guide-card.big h3{font-size:var(--vb-text-h3);line-height:var(--vb-lh-tight)}
.vbh-guide-card p{color:var(--vb-fg-muted);font-size:14px;margin:4px 0 0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vbh-guide-card.big p{font-size:var(--vb-text-body);-webkit-line-clamp:3}
.vbh-guide-card .meta{font-size:var(--vb-text-caption);color:var(--vb-fg-subtle);margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:10px}
.vbh-guide-card .meta .time::before{content:"\25D0";margin-right:4px;color:var(--vb-jaune-600)}
.vbh-guide-card .meta .sep{opacity:.4}

/* ---- BOX DU MOMENT (rail) ---- */
.vbh-box-rail{display:flex;gap:24px;overflow-x:auto;padding-bottom:12px;margin:0 -32px;padding-left:32px;padding-right:32px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--vb-bordeaux-300) transparent}
.vbh-box-rail::-webkit-scrollbar{height:8px}
.vbh-box-rail::-webkit-scrollbar-thumb{background:var(--vb-bordeaux-300);border-radius:4px}
.vbh-box-card{flex:0 0 304px;background:#fff;border:1px solid var(--vb-border);border-radius:var(--vb-radius-lg);overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;transition:all var(--vb-duration-base) var(--vb-ease);position:relative;text-decoration:none;color:inherit}
.vbh-box-card:hover{transform:translateY(-4px);box-shadow:var(--vb-shadow-lg)}
.vbh-box-card .tag-top{position:absolute;top:16px;left:16px;background:var(--vb-jaune-500);color:var(--vb-bordeaux-900);padding:5px 10px;border-radius:var(--vb-radius-pill);font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.08em;z-index:2}
.vbh-box-card .thumb{aspect-ratio:4/3.2;background:linear-gradient(135deg,#5d3429 0%,#2a1814 100%);position:relative;overflow:hidden}
.vbh-box-card .thumb img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.vbh-box-card:nth-child(2) .thumb{background:linear-gradient(135deg,#8b6a4a 0%,#4a2a22 100%)}
.vbh-box-card:nth-child(3) .thumb{background:linear-gradient(135deg,#61262A 0%,#220c0d 100%)}
.vbh-box-card:nth-child(4) .thumb{background:linear-gradient(135deg,#a9585d 0%,#541f23 100%)}
.vbh-box-card:nth-child(5) .thumb{background:linear-gradient(135deg,#d39c44 0%,#6a4b19 100%)}
.vbh-box-card .body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.vbh-box-card .brand{font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.12em;color:var(--vb-fg-muted)}
.vbh-box-card h4{font-family:var(--vb-font-serif);font-size:var(--vb-text-lead);line-height:1.15;margin:0;color:var(--vb-bordeaux-500);font-weight:400}
.vbh-box-card .rating{display:flex;align-items:center;gap:6px}
.vbh-box-card .rating .score{font-family:var(--vb-font-serif);font-size:var(--vb-text-lead);color:var(--vb-bordeaux-500);line-height:var(--vb-lh-tight)}
.vbh-box-card .rating .stars{color:var(--vb-jaune-500);font-size:14px;letter-spacing:2px}
.vbh-box-card .rating .count{font-size:var(--vb-text-caption);color:var(--vb-fg-muted);margin-left:auto}
.vbh-box-card .badges{display:flex;gap:6px;flex-wrap:wrap}
.vbh-box-card .badge-mini{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--vb-radius-pill);background:var(--vb-neutral-100);font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);color:var(--vb-neutral-700)}
.vbh-box-card .foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid var(--vb-border)}
.vbh-box-card .price{font-family:var(--vb-font-serif);font-size:var(--vb-text-h5);color:var(--vb-bordeaux-500)}
.vbh-box-card .price small{font-size:13px;color:var(--vb-fg-muted);font-family:var(--vb-font-sans)}
.vbh-box-card .arrow{width:32px;height:32px;border-radius:50%;background:var(--vb-bordeaux-50);color:var(--vb-bordeaux-500);display:inline-flex;align-items:center;justify-content:center;transition:all var(--vb-duration-fast) var(--vb-ease)}
.vbh-box-card:hover .arrow{background:var(--vb-bordeaux-500);color:#fff}

/* ---- 4 PILIERS ---- */
.vbh-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.vbh-pillar{padding:32px 28px;background:#fff;border-radius:var(--vb-radius-lg);border:1px solid var(--vb-border);position:relative;overflow:hidden;transition:all var(--vb-duration-base) var(--vb-ease);text-decoration:none;color:inherit;display:block}
.vbh-pillar:hover{transform:translateY(-4px);box-shadow:var(--vb-shadow-lg);border-color:var(--vb-jaune-500)}
.vbh-pillar-num{font-family:var(--vb-font-serif);font-size:64px;color:var(--vb-jaune-500);line-height:.9;margin-bottom:20px;font-style:italic}
.vbh-pillar h3{font-family:var(--vb-font-serif);font-size:var(--vb-text-h4);line-height:1.1;color:var(--vb-bordeaux-500);margin:0 0 10px;font-weight:400}
.vbh-pillar p{color:var(--vb-fg-muted);font-size:14px;margin:0 0 16px;line-height:1.55}
.vbh-pillar .more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:var(--vb-weight-bold);color:var(--vb-bordeaux-500);text-transform:uppercase;letter-spacing:.08em}
.vbh-pillar .more::after{content:"\2192";transition:transform var(--vb-duration-fast) var(--vb-ease)}
.vbh-pillar:hover .more::after{transform:translateX(4px)}

/* ---- ABOUT / QUOTE ---- */
.vbh-about{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:center}
.vbh-about-visual{height:480px;border-radius:var(--vb-radius-lg);position:relative;overflow:hidden;background:linear-gradient(135deg,#4a1f23 0%,#2a0f12 100%)}
.vbh-about-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(211,156,68,.25) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent 0px,transparent 40px,rgba(255,255,255,.03) 40px,rgba(255,255,255,.03) 41px)}
.vbh-about-visual::after{content:"\201C";position:absolute;top:24px;left:40px;font-family:var(--vb-font-serif);font-size:200px;color:var(--vb-jaune-500);line-height:1;opacity:.5}
.vbh-about-visual img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.vbh-about-quote{position:absolute;bottom:40px;left:40px;right:40px;font-family:var(--vb-font-serif);font-style:italic;font-size:var(--vb-text-h4);line-height:1.3;color:var(--vb-neutral-50);text-wrap:balance;z-index:2}
.vbh-about-sig{margin-top:18px;font-family:var(--vb-font-sans);font-style:normal;font-size:13px;color:var(--vb-jaune-300);font-weight:var(--vb-weight-bold);letter-spacing:.1em;text-transform:uppercase}
.vbh-about-copy p{font-size:var(--vb-text-body);line-height:1.65;color:var(--vb-neutral-700);margin:0 0 16px}
.vbh-about-stats{display:flex;gap:48px;margin-top:32px}
.vbh-about-stats div .num{font-family:var(--vb-font-serif);font-size:40px;color:var(--vb-bordeaux-500);line-height:var(--vb-lh-tight);margin-bottom:4px}
.vbh-about-stats div .lbl{font-size:var(--vb-text-caption);font-weight:var(--vb-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--vb-fg-muted)}

/* ---- MOBILE ---- */
@media(max-width:900px){
.vbh-container{padding:0 20px}
.vbh-hero{padding:40px 0 56px}
.vbh-hero-inner{grid-template-columns:1fr;gap:40px}
.vbh-hero-visual{height:340px;order:-1}
.vbh-hero-visual .img-main{inset:0}
.vbh-hero-box-card{display:none}
.vbh-hero h1{font-size:var(--vb-text-h1)}
.vbh-hero .lead{font-size:var(--vb-text-body)}
.vbh-hero-meta{gap:20px;flex-wrap:wrap}
.vbh-hero-meta-item .num{font-size:var(--vb-text-h5)}
.vbh-trust-inner{justify-content:center;text-align:center}
.vbh-trust-logos{gap:20px;justify-content:center}
.vbh-trust-logos span{font-size:var(--vb-text-body)}
.vbh-block{padding:56px 0}
.vbh-block.tight{padding:44px 0}
.vbh-section-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}
.vbh-section-head .right{align-self:flex-end}
.vbh-section-title{font-size:var(--vb-text-h2)}
.vbh-quiz-card{grid-template-columns:1fr;gap:32px;padding:28px 20px}
.vbh-quiz-card .left h3{font-size:var(--vb-text-h4)}
.vbh-quiz-options{grid-template-columns:repeat(3,1fr);gap:6px}
.vbh-quiz-option{padding:10px 4px;font-size:var(--vb-text-caption)}
.vbh-quiz-option .emoji{font-size:var(--vb-text-lead)}
.vbh-guides-grid{grid-template-columns:1fr}
.vbh-guide-card.big{grid-column:auto;grid-row:auto}
.vbh-guide-card.big h3{font-size:var(--vb-text-h4)}
.vbh-box-rail{margin:0 -20px;padding-left:20px;padding-right:20px}
.vbh-box-card{flex-basis:270px}
.vbh-yt-grid{grid-template-columns:1fr}
.vbh-yt-card.big h4{font-size:var(--vb-text-h5)}
.vbh-pillars{grid-template-columns:repeat(2,1fr);gap:16px}
.vbh-pillar{padding:24px 20px}
.vbh-pillar-num{font-size:48px;margin-bottom:12px}
.vbh-pillar h3{font-size:var(--vb-text-lead)}
.vbh-about{grid-template-columns:1fr;gap:40px}
.vbh-about-visual{height:320px}
.vbh-about-quote{font-size:var(--vb-text-lead);left:24px;right:24px;bottom:24px}
.vbh-about-visual::after{font-size:120px;top:8px;left:24px}
.vbh-about-stats{gap:24px}
.vbh-about-stats div .num{font-size:var(--vb-text-h3)}
.vbh-newsletter{padding:56px 0}
.vbh-newsletter-inner{grid-template-columns:1fr;gap:32px}
.vbh-newsletter h2{font-size:var(--vb-text-h2)}
.vbh-nl-form{padding:20px}
.vbh-countdown-unit{min-width:52px;padding:8px 10px}
.vbh-countdown-unit .num{font-size:var(--vb-text-h5)}
.vbh-prize-card{padding:12px 14px;gap:14px}
.vbh-prize-card .prize-img{width:56px;height:56px}
.vbh-prize-card .prize-title{font-size:var(--vb-text-body)}
}

/* About photo */
.vbh-about-photo{width:100%;height:auto;border-radius:var(--vb-radius-xl);margin-bottom:24px;aspect-ratio:1/1;object-fit:cover}
.vbh-hero-visual .img-main img{width:100%;height:100%;object-fit:cover;border-radius:var(--vb-radius-xl)}
.vbh-yt-card .thumb img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Newsletter message feedback */
.vbh-nl-msg { padding: 10px 16px; border-radius: var(--vb-radius-sm); margin-top: 12px; font-size: 14px; font-weight: var(--vb-weight-bold); }
.vbh-nl-msg.success { background: rgba(16,185,129,.15); color: var(--vb-success); }
.vbh-nl-msg.error { background: rgba(239,68,68,.15); color: #ef4444; }

/* Scroll arrow hero → YouTube */
.vbh-hero-scroll { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 24px auto 0; border-radius: 50%; border: 1px solid var(--vb-neutral-600); color: var(--vb-neutral-300); text-decoration: none; transition: all .25s; animation: vbh-bounce 2s infinite; }
.vbh-hero-scroll:hover { border-color: var(--vb-jaune-500); color: var(--vb-jaune-400); }
.vbh-hero-scroll svg { width: 20px; height: 20px; }
@keyframes vbh-bounce { 0%,100% { transform: translateY(0); } 50% { transform: translateY(6px); } }

/* Prize card as link */
a.vbh-prize-card { text-decoration: none; color: inherit; }
a.vbh-prize-card:hover { border-color: var(--vb-jaune-500); }
.prize-img img { width: 64px; height: 64px; object-fit: cover; }