:root{--bg:#0a0a0f;--bg-2:#12121a;--bg-3:#1a1a24;--border:#26263a;--text:#f4f4f6;--text-2:#9b9ba8;--blue:#2563eb;--blue-2:#3b82f6;--green:#22c55e;--red:#ef4444;--radius:14px;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1120px;margin:0 auto;padding:0 20px}header{position:sticky;top:0;z-index:50;background:rgba(10,10,15,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:800;font-size:1.15rem;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.logo-mark{width:10px;height:10px;border-radius:3px;background:var(--blue-2);box-shadow:0 0 12px rgba(59,130,246,.7)}.nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-links a{color:var(--text-2);font-size:.95rem;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-right{display:flex;align-items:center;gap:14px}.cart-btn{position:relative;background:none;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 12px;font-size:.95rem;cursor:pointer;font-family:inherit;transition:border-color .15s}.cart-btn:hover{border-color:var(--blue)}.cart-count{position:absolute;top:-6px;right:-6px;background:var(--blue);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.hamburger span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:.2s}.mobile-menu{display:none;flex-direction:column;background:var(--bg-2);border-top:1px solid var(--border);padding:12px 20px 20px;gap:4px}.mobile-menu a{padding:12px 8px;color:var(--text-2);font-weight:500;border-radius:8px}.mobile-menu a:hover{background:var(--bg-3);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:12px 22px;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,transform .05s;min-height:44px}.btn:hover{background:var(--blue-2)}.btn:active{transform:scale(.98)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--blue);color:var(--text);background:transparent}.btn-lg{padding:14px 30px;font-size:1rem}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:.85rem;min-height:36px}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{padding:72px 0 48px;text-align:center}.hero h1{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;letter-spacing:-.5px;line-height:1.15;max-width:640px;margin:0 auto}.hero p{color:var(--text-2);font-size:1.05rem;margin:16px auto 32px;max-width:480px}.section{padding:40px 0}.section-title{font-size:1.4rem;font-weight:700;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--blue);transform:translateY(-2px)}.card-icon{font-size:1.6rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-3);border-radius:12px}.card h3{font-size:1.05rem;font-weight:700}.card p{color:var(--text-2);font-size:.9rem;flex:1}.card .price{font-size:1.15rem;font-weight:800;color:var(--text)}.card .btn{margin-top:4px}.badge-verified{display:inline-flex;align-items:center;gap:6px;background:rgba(34,197,94,.12);color:var(--green);border:1px solid rgba(34,197,94,.3);font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:999px}.chip{display:inline-block;background:var(--bg-3);color:var(--text-2);font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px}.detail{max-width:640px;margin:0 auto;padding:48px 20px}.detail .card{padding:28px;gap:14px}.detail h1{font-size:1.5rem;font-weight:800}.detail .price-big{font-size:1.8rem;font-weight:800}.note{color:var(--text-2);font-size:.85rem;border-top:1px solid var(--border);padding-top:12px}.cart-page{max-width:640px;margin:0 auto;padding:48px 20px}.cart-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:12px}.cart-item .info{flex:1}.cart-item .name{font-weight:600}.cart-item .type{color:var(--text-2);font-size:.8rem}.cart-item .remove{background:none;border:none;color:var(--text-2);font-size:1.3rem;cursor:pointer;padding:4px 8px}.cart-item .remove:hover{color:var(--red)}.cart-total{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:700;padding:16px 0;border-top:1px solid var(--border);margin-top:8px}.checkout-page{max-width:520px;margin:0 auto;padding:48px 20px}.field{margin-bottom:18px}.field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:var(--text-2)}.field input{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:13px 16px;color:var(--text);font-size:1rem;font-family:inherit;outline:none;transition:border-color .15s}.field input:focus{border-color:var(--blue)}.faq-item{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:12px}.faq-item h3{font-size:1rem;font-weight:700;margin-bottom:6px}.faq-item p{color:var(--text-2);font-size:.92rem}.contact-page{max-width:520px;margin:0 auto;padding:48px 20px}.contact-page textarea{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:13px 16px;color:var(--text);font-size:1rem;font-family:inherit;outline:none;min-height:120px;resize:vertical}.contact-page textarea:focus{border-color:var(--blue)}.contact-email{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);color:var(--text-2);font-size:.9rem}.result-page{max-width:520px;margin:0 auto;padding:64px 20px;text-align:center}.result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 20px}.result-icon.ok{background:rgba(34,197,94,.15);color:var(--green)}.result-icon.err{background:rgba(239,68,68,.15);color:var(--red)}.result-page h1{font-size:1.5rem;font-weight:800;margin-bottom:12px}.result-page p{color:var(--text-2);margin-bottom:24px}.order-number{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:10px 16px;display:inline-block;font-weight:700;font-size:.95rem;margin-bottom:24px}footer{border-top:1px solid var(--border);padding:40px 0 32px;margin-top:48px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;margin-bottom:28px}.footer-brand{font-weight:800;margin-bottom:8px}.footer-col h4{font-size:.85rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.footer-col a{display:block;color:var(--text-2);font-size:.9rem;padding:4px 0}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding-top:20px;color:var(--text-2);font-size:.82rem;text-align:center}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--bg-3);border:1px solid var(--border);color:var(--text);padding:14px 22px;border-radius:12px;font-size:.9rem;font-weight:500;z-index:100;transition:transform .3s;box-shadow:0 8px 30px rgba(0,0,0,.5)}.toast.show{transform:translateX(-50%) translateY(0)}@media(max-width:768px){.nav-links{display:none}.hamburger{display:flex}.nav-right .btn{display:none}.hero{padding:48px 0 32px}.grid{grid-template-columns:1fr}.cart-item{flex-wrap:wrap;gap:8px}}@media(min-width:769px){.mobile-menu{display:none!important}}/* ==========================================
   PACK ULTIME — PREMIUM / AGRESSIF
   ========================================== */

.pack-ultime-card {
    position: relative;
    overflow: hidden;
    min-height: 620px;
    padding: 34px !important;
    background:
        radial-gradient(circle at 50% -10%, rgba(239,68,68,.38), transparent 42%),
        radial-gradient(circle at 100% 100%, rgba(127,29,29,.25), transparent 40%),
        linear-gradient(145deg,#170606 0%,#080808 48%,#120505 100%);
    border: 2px solid rgba(239,68,68,.85) !important;
    border-radius: 20px !important;
    box-shadow:
        0 0 35px rgba(220,38,38,.20),
        0 0 90px rgba(127,29,29,.12),
        inset 0 0 60px rgba(239,68,68,.04);
    transform: scale(1.025);
    z-index: 2;
}

.pack-ultime-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(120deg,
        transparent 0%,
        rgba(255,255,255,.035) 45%,
        transparent 50%);
}

.pack-ultime-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 5px;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(90deg,#7f1d1d,#ff1f1f,#ff5757,#7f1d1d);
    box-shadow: 0 0 20px rgba(239,68,68,.8);
}

/* BADGE */

.ultime-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 9px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg,#7f1d1d,#dc2626,#991b1b);
    border: 1px solid rgba(255,255,255,.15);
    color: white;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow:
        0 0 20px rgba(220,38,38,.45),
        inset 0 1px rgba(255,255,255,.15);
}

/* TITRE */

.ultime-title {
    position: relative;
    color: #fff !important;
    font-size: 2.15rem !important;
    line-height: 1.05;
    font-weight: 900 !important;
    letter-spacing: -.04em;
    text-shadow:
        0 0 15px rgba(255,255,255,.12),
        0 0 35px rgba(239,68,68,.25);
}

.ultime-subtitle {
    color: #e5e5e5 !important;
    font-size: 1rem !important;
    line-height: 1.55;
    margin-top: 10px;
}

/* FEATURES */

.ultime-features {
    display: grid;
    gap: 11px;
    margin: 25px 0;
}

.ultime-feature {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 11px;
    border-radius: 8px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.05);
    color: #f5f5f5;
    font-size: .91rem;
    font-weight: 600;
}

.ultime-feature span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(239,68,68,.15);
    color: #ff4d4d;
    font-weight: 900;
    box-shadow: 0 0 10px rgba(239,68,68,.25);
}

/* GUIDE */

.ultime-guide {
    position: relative;
    margin: 23px 0;
    padding: 19px;
    border: 1px solid rgba(239,68,68,.42);
    border-radius: 13px;
    background:
        linear-gradient(135deg,
        rgba(127,29,29,.24),
        rgba(0,0,0,.3));
    box-shadow:
        inset 0 0 25px rgba(239,68,68,.04),
        0 0 18px rgba(127,29,29,.12);
}

.ultime-guide-title {
    color: #ff5757;
    font-size: .88rem;
    font-weight: 900;
    letter-spacing: .06em;
}

.ultime-guide-text {
    color: #e5e5e5;
    font-size: .86rem;
    line-height: 1.55;
    margin-top: 6px;
}

/* PRIX */

.ultime-price {
    color: #fff !important;
    font-size: 2.7rem !important;
    line-height: 1;
    font-weight: 950 !important;
    letter-spacing: -.05em;
    text-shadow: 0 0 25px rgba(239,68,68,.25);
    margin-top: 25px;
}

/* NOTE */

.ultime-note {
    color: #a3a3a3;
    font-size: .76rem;
    line-height: 1.5;
    margin: 10px 0 20px;
}

/* BOUTON */

.ultime-button {
    position: relative;
    width: 100%;
    min-height: 58px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px !important;
    background: linear-gradient(135deg,#991b1b 0%,#ef2222 50%,#b91c1c 100%);
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: .02em;
    box-shadow:
        0 8px 30px rgba(220,38,38,.30),
        inset 0 1px rgba(255,255,255,.2);
    transition: .2s ease;
}

.ultime-button:hover {
    transform: translateY(-3px) scale(1.01);
    background: linear-gradient(135deg,#b91c1c,#ff2929,#dc2626);
    box-shadow:
        0 12px 40px rgba(239,38,38,.45),
        0 0 25px rgba(239,68,68,.25);
}

/* MOBILE */

@media (max-width: 700px) {
    .pack-ultime-card {
        transform: none;
        min-height: auto;
        padding: 24px !important;
    }

    .ultime-title {
        font-size: 1.8rem !important;
    }

    .ultime-price {
        font-size: 2.35rem !important;
    }
}/* ===== IMAGES DES PACKS ===== */`n.standard-pack-card .pack-background, .premium-pack-card .pack-background { display:block !important; width:100% !important; height:180px !important; min-height:180px !important; flex-shrink:0 !important; background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important; position:relative; overflow:hidden; }`n.standard-pack-card .pack-background::after, .premium-pack-card .pack-background::after { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.65)); }`n.standard-pack-card, .premium-pack-card { padding:0 !important; overflow:hidden !important; }`n.standard-pack-card .pack-content, .premium-pack-card .pack-content { padding:22px !important; }`n`n/* ===== PACK ULTIME ===== */

.pack-ultime-card {
    background:
        linear-gradient(
            rgba(20, 0, 0, 0.25),
            rgba(8, 0, 0, 0.55)
        ),
        url('/image/packs/fond-ultime.png') center / cover no-repeat !important;

    border: 2px solid #ef4444 !important;
    box-shadow:
        0 0 25px rgba(239, 68, 68, 0.35),
        0 0 70px rgba(127, 29, 29, 0.25),
        inset 0 0 50px rgba(239, 68, 68, 0.12) !important;
}

.pack-ultime-card::before {
    background:
        linear-gradient(
            120deg,
            transparent 0%,
            rgba(255,255,255,.05) 45%,
            transparent 50%
        ) !important;
}





/* Correction accueil : afficher les images des packs en entier */
.standard-pack-card .pack-background, .premium-pack-card .pack-background { background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; }


/* Images accueil : aucun recadrage */
#packs-grid .pack-background { height: 240px !important; min-height: 240px !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; }


#packs-grid .pack-background img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center !important;display:block !important;}

.header-logo{height:48px;width:auto;max-width:150px;object-fit:contain;display:block}.logo{height:64px}

.logo .header-logo{display:block!important;width:auto!important;height:50px!important;max-width:150px!important;object-fit:contain!important}.logo{display:flex!important;align-items:center!important;height:64px!important}

#packs-grid{position:relative;overflow:hidden}#packs-grid::before{content:'';position:absolute;inset:0;background:url('/image/sourceone-watermark.png') center/520px auto no-repeat;opacity:.12;pointer-events:none;z-index:0}#packs-grid>*{position:relative;z-index:1}

#packs{position:relative;overflow:hidden}#packs::before{content:'';position:absolute;inset:0;background:url('/image/sourceone-watermark.png') center/600px auto no-repeat;opacity:.12;pointer-events:none;z-index:0}#packs>*{position:relative;z-index:1}

#packs::before{background-position:center top 25px}

main{position:relative;overflow:hidden}main::before{content:'';position:absolute;top:-35px;left:50%;transform:translateX(-50%);width:1100px;height:260px;background:url('/image/sourceone-watermark.png') center/contain no-repeat;opacity:.12;pointer-events:none;z-index:0}main>*{position:relative;z-index:1}

main::before{top:-130px}