/* KamaSafe — interface sombre, dorée et inspirée d’un portail gaming premium */
:root {
    --black: #080808;
    --black-soft: #111111;
    --panel: rgba(19, 19, 19, 0.92);
    --panel-light: rgba(33, 33, 33, 0.86);
    --gold: #d4af37;
    --gold-light: #f7d978;
    --text: #f5f5f5;
    --muted: #a5a5a5;
    --border: rgba(212, 175, 55, 0.28);
    --shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    min-width: 320px;
    margin: 0;
    color: var(--text);
    background: var(--black);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6;
}
a { color: inherit; }

.site-background {
    position: fixed;
    z-index: -2;
    inset: 0;
    background-color: #111b2b; background-image: linear-gradient(rgba(7, 8, 13, .12), rgba(7, 8, 13, .34)), url('../../image/fond.webp'); background-position: center top; background-size: min(100%, 1180px) auto; background-repeat: no-repeat;
    filter: blur(1px) brightness(1.04) saturate(1.18) contrast(1.03);
    transform: scale(1.03);
}
.site-overlay {
    position: fixed;
    z-index: -1;
    inset: 0;
    background: linear-gradient(180deg, rgba(4,5,10,.08), rgba(5,6,12,.38) 72%, #080808 100%);
    pointer-events: none;
}

.site-header {
    position: sticky;
    z-index: 20;
    top: 0;
    padding: 16px 24px;
    background: rgba(8, 8, 8, .9);
    border-bottom: 1px solid var(--border);
    backdrop-filter: blur(16px);
}
.header-inner {
    display: flex;
    align-items: center;
    gap: 34px;
    max-width: 1240px;
    margin: auto;
}
.brand img {
    display: block;
    width: 108px;
    height: 66px;
    object-fit: contain;
}
.main-nav {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
}
.nav-group { position: relative; }
.nav-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 54px;
    padding: 8px 16px;
    color: #eee;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 16px;
    font-size: 15px;
    cursor: pointer;
    transition: .25s ease;
}
.nav-trigger:hover,
.nav-group:focus-within .nav-trigger {
    color: var(--gold-light);
    background: rgba(212, 175, 55, .1);
    border-color: var(--border);
}
.nav-trigger img { width: 36px; height: 36px; object-fit: contain; }
.nav-trigger span { color: var(--gold); font-size: 17px; }
.nav-dropdown {
    position: absolute;
    top: 62px;
    left: 0;
    display: none;
    min-width: 230px;
    padding: 10px;
    background: rgba(15, 15, 15, .98);
    border: 1px solid var(--border);
    border-radius: 16px;
    box-shadow: var(--shadow);
}
.nav-group:hover .nav-dropdown,
.nav-group:focus-within .nav-dropdown,
.nav-group.open .nav-dropdown { display: block; }
.nav-dropdown a {
    display: block;
    padding: 11px 13px;
    color: var(--muted);
    border-radius: 10px;
    text-decoration: none;
}
.nav-dropdown a:hover { color: var(--gold-light); background: rgba(212,175,55,.1); }
.header-button,
.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 11px 20px;
    border-radius: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: .25s ease;
}
.header-button,
.button-gold { color: #17130a; background: linear-gradient(135deg, var(--gold-light), var(--gold)); }
.header-button:hover,
.button:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(212,175,55,.22); }

.page-content,
.site-footer { max-width: 1240px; margin: auto; padding: 0 28px; }
.hero-section {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) 360px;
    align-items: center;
    gap: 70px;
    min-height: 650px;
    padding: 100px 4% 105px;
}
.section-label {
    margin: 0 0 14px;
    color: var(--gold-light);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}
.hero-copy h1 {
    max-width: 760px;
    margin: 0 0 24px;
    font-family: Georgia, serif;
    font-size: clamp(48px, 7vw, 88px);
    line-height: .98;
    letter-spacing: -3px;
}
.hero-description { max-width: 580px; color: #c2c2c2; font-size: 18px; }
.hero-actions { display: flex; gap: 13px; flex-wrap: wrap; margin-top: 30px; }
.button-outline { border: 1px solid var(--border); background: rgba(255,255,255,.05); }
.hero-panel {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 24px;
    background: linear-gradient(145deg, rgba(28,28,28,.94), rgba(7,7,7,.9));
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: var(--shadow);
}
.hero-panel img { width: 82px; height: 82px; object-fit: contain; }
.panel-label { margin: 0 0 8px; color: var(--gold); font-size: 11px; letter-spacing: 1.5px; }
.hero-panel strong { display: block; font-family: Georgia, serif; font-size: 19px; }

.featured-section {
    display: grid;
    grid-template-columns: 1.4fr .8fr;
    gap: 30px;
    margin-bottom: 95px;
    padding: 48px;
    background: linear-gradient(90deg, rgba(11,11,11,.94), rgba(21,17,7,.83)), url('../../image/fond.webp') center / cover no-repeat;
    border: 1px solid var(--border);
    border-radius: 26px;
    box-shadow: var(--shadow);
}
.featured-main h2,
.section-heading h2 {
    max-width: 720px;
    margin: 0 0 15px;
    font-family: Georgia, serif;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1.08;
}
.featured-main p:not(.section-label) { max-width: 620px; color: #b5b5b5; font-size: 16px; }
.text-link { color: var(--gold-light); font-weight: 700; text-decoration: none; }
.featured-links { border-left: 1px solid var(--border); padding-left: 28px; }
.featured-links a { display: flex; align-items: center; gap: 14px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.1); text-decoration: none; }
.featured-links a:last-child { border-bottom: 0; }
.featured-links img { width: 56px; height: 56px; object-fit: contain; }
.featured-links span { display: flex; flex: 1; flex-direction: column; }
.featured-links small { color: var(--muted); }
.featured-links b { color: var(--gold); font-size: 22px; }

.content-section,
.news-section { padding-bottom: 100px; }
.section-heading { margin-bottom: 32px; }
.section-heading > p:not(.section-label) { color: var(--muted); }
.service-grid,
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.service-card,
.news-card {
    padding: 30px;
    background: rgba(18,18,18,.9);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(0,0,0,.3);
    transition: transform .28s ease, border-color .28s ease, background .28s ease;
}
.service-card:hover,
.news-card:hover { transform: translateY(-8px); border-color: var(--gold); background: rgba(29,25,14,.93); }
.service-card { display: flex; gap: 20px; }
.service-card img { width: 74px; height: 74px; object-fit: contain; }
.service-card h3,
.news-card h3 { margin: 0 0 9px; color: #fff; font-family: Georgia, serif; font-size: 25px; }
.service-card p,
.news-card p { color: var(--muted); }
.service-card a,
.news-card a { color: var(--gold-light); font-weight: 700; text-decoration: none; }
.section-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.news-card { min-height: 220px; }
.news-number { color: var(--gold); font: 700 27px Georgia, serif; }

.site-footer { padding-top: 55px; padding-bottom: 30px; border-top: 1px solid var(--border); }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 35px; }
.footer-logo { width: 100px; }
.site-footer p,
.site-footer a { color: var(--muted); }
.site-footer a { display: block; padding: 6px 0; text-decoration: none; }
.site-footer a:hover { color: var(--gold-light); }
.site-footer h3 { margin-top: 0; color: var(--gold); font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 35px; padding-top: 18px; color: #777; border-top: 1px solid rgba(255,255,255,.08); font-size: 12px; }

.cookie-banner { position: fixed; z-index: 50; left: 24px; bottom: 24px; display: flex; align-items: center; gap: 25px; max-width: 600px; padding: 17px 20px; background: rgba(12,12,12,.97); border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow); }
.cookie-banner p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
.cookie-banner.hidden { display: none; }
.support-fab { position: fixed; right: 24px; bottom: 24px; z-index: 40; width: 74px; height: 74px; padding: 0; overflow: hidden; background: #0d0d0d; border: 2px solid var(--gold); border-radius: 50%; box-shadow: 0 8px 30px #000; cursor: pointer; transition: .25s; }
.support-fab:hover { transform: translateY(-5px) scale(1.05); }
.support-fab img { width: 100%; height: 100%; object-fit: contain; }
.support-panel { position: fixed; right: 24px; bottom: 115px; z-index: 39; display: none; flex-direction: column; width: 360px; height: 480px; overflow: hidden; background: rgba(13,13,13,.98); border: 1px solid var(--border); border-radius: 20px; box-shadow: var(--shadow); }
.support-panel.open { display: flex; }
.support-head { display: flex; justify-content: space-between; padding: 16px; border-bottom: 1px solid rgba(255,255,255,.1); }
.support-head button { color: #fff; background: transparent; border: 0; font-size: 24px; cursor: pointer; }
.chat-messages { flex: 1; overflow: auto; padding: 16px; }
.message { max-width: 85%; margin: 8px 0; padding: 9px 12px; background: #242424; border-radius: 11px; font-size: 13px; }
.message.mine { margin-left: auto; background: #876e28; }
.message small { display: block; color: #ccc; font-size: 10px; }
.chat-form { display: flex; gap: 8px; padding: 11px; border-top: 1px solid rgba(255,255,255,.1); }
.chat-form input { flex: 1; min-width: 0; padding: 10px; color: #fff; background: #080808; border: 1px solid #444; border-radius: 9px; }
.chat-form button { padding: 0 13px; font-weight: 700; background: var(--gold); border: 0; border-radius: 9px; }
.chat-full-link { margin: 0 11px 11px; padding: 8px; color: var(--gold-light); text-align: center; background: #201d13; border: 1px solid var(--border); border-radius: 8px; text-decoration: none; font-size: 12px; }
.muted { color: var(--muted); }

@media (max-width: 900px) {
    .site-header { padding: 10px 14px; }
    .header-inner { flex-wrap: wrap; gap: 7px; }
    .main-nav { order: 3; width: 100%; overflow-x: auto; margin-left: 0; }
    .header-button { margin-left: auto; }
    .hero-section { grid-template-columns: 1fr; min-height: auto; padding: 85px 3% 80px; }
    .hero-panel { max-width: 420px; }
    .featured-section { grid-template-columns: 1fr; padding: 30px; }
    .featured-links { padding-top: 20px; padding-left: 0; border-top: 1px solid var(--border); border-left: 0; }
    .service-grid, .news-grid, .footer-grid { grid-template-columns: 1fr; }
    .section-heading-row, .footer-bottom { display: block; }
    .section-heading-row .text-link { display: inline-block; margin-top: 10px; }
}
@media (max-width: 560px) {
    .page-content, .site-footer { padding-right: 16px; padding-left: 16px; }
    .brand img { width: 88px; }
    .nav-trigger { min-height: 45px; padding: 7px 10px; font-size: 13px; }
    .nav-trigger span { display: none; }
    .hero-copy h1 { font-size: 48px; }
    .hero-actions, .cookie-banner { align-items: stretch; flex-direction: column; }
    .cookie-banner { right: 10px; bottom: 10px; left: 10px; gap: 12px; }
    .support-panel { right: 10px; left: 10px; width: auto; }
}


/* Accents néon bleu et dégradés premium */
:root {
    --neon-blue: #20b9ff;
    --neon-cyan: #5de8ff;
    --blue-border: rgba(32, 185, 255, .5);
    --blue-glow: rgba(32, 185, 255, .28);
}

.hero-panel,
.featured-section,
.service-card,
.news-card,
.support-panel {
    position: relative;
    overflow: hidden;
}

.hero-panel::before,
.featured-section::before,
.service-card::before,
.news-card::before,
.support-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(28, 196, 255, .16), transparent 42%, rgba(24, 92, 255, .1));
}

.hero-panel,
.featured-section {
    border-color: var(--blue-border);
    box-shadow: 0 0 0 1px rgba(32, 185, 255, .08), 0 18px 55px rgba(0, 0, 0, .58), 0 0 38px rgba(32, 185, 255, .12);
}

.hero-panel {
    background: linear-gradient(135deg, rgba(9, 42, 67, .95), rgba(8, 17, 34, .94) 60%, rgba(20, 26, 66, .92));
}

.featured-section {
    background: linear-gradient(100deg, rgba(5, 25, 44, .95), rgba(7, 26, 47, .88) 48%, rgba(18, 21, 45, .9)), url('../../image/fond.webp') center / cover no-repeat;
}

.service-card,
.news-card {
    border-color: rgba(32, 185, 255, .3);
    background: linear-gradient(145deg, rgba(10, 37, 61, .94), rgba(11, 16, 31, .94) 62%, rgba(25, 18, 39, .9));
    box-shadow: 0 12px 28px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(93, 232, 255, .09);
}

.service-card:hover,
.news-card:hover {
    border-color: var(--neon-cyan);
    background: linear-gradient(145deg, rgba(12, 65, 92, .95), rgba(10, 23, 43, .96) 62%, rgba(33, 22, 54, .94));
    box-shadow: 0 16px 35px rgba(0, 0, 0, .42), 0 0 28px var(--blue-glow), inset 0 1px 0 rgba(93, 232, 255, .2);
}

.service-card::after,
.news-card::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    right: -55px;
    bottom: -65px;
    border-radius: 50%;
    background: var(--blue-glow);
    filter: blur(25px);
    pointer-events: none;
    transition: .3s ease;
}

.service-card:hover::after,
.news-card:hover::after {
    width: 190px;
    height: 190px;
    background: rgba(32, 185, 255, .38);
}

.section-heading h2,
.featured-main h2 {
    text-shadow: 0 0 22px rgba(32, 185, 255, .13);
}

.featured-links a:hover {
    background: linear-gradient(90deg, rgba(32, 185, 255, .12), transparent);
}

.featured-links a:hover img,
.service-card:hover img {
    filter: drop-shadow(0 0 12px rgba(93, 232, 255, .65));
    transform: scale(1.08);
    transition: .25s ease;
}

.news-number {
    color: var(--neon-cyan);
    text-shadow: 0 0 14px rgba(32, 185, 255, .65);
}

.site-footer {
    box-shadow: 0 -18px 45px rgba(7, 92, 138, .08);
}


/* Sections éditoriales dorées */
.center-heading { max-width: 780px; margin: 0 auto 38px; text-align: center; }
.center-heading h2 { margin: 0 0 13px; font-family: Georgia, serif; font-size: clamp(32px, 4vw, 52px); line-height: 1.08; }
.center-heading h2 span { color: var(--gold-light); }
.center-heading > p:not(.section-label) { color: var(--muted); font-size: 16px; }
.why-section, .fastpass-section, .vip-section, .security-section, .stats-section, .faq-section { padding: 100px 0; }
.why-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.why-card { position: relative; min-height: 235px; padding: 34px; text-align: center; background: linear-gradient(135deg, rgba(22,22,22,.95), rgba(12,12,12,.94)); border: 1px solid rgba(255,255,255,.09); border-radius: 22px; box-shadow: var(--shadow); overflow: hidden; transition: .3s ease; }
.why-card::after { content: ""; position: absolute; top: 0; left: 50%; width: 0; height: 3px; background: var(--gold); transform: translateX(-50%); transition: .35s ease; }
.why-card:hover { transform: translateY(-8px); border-color: var(--border); box-shadow: 0 18px 45px #000, 0 0 25px rgba(212,175,55,.1); }
.why-card:hover::after { width: 90%; }
.why-icon { margin-bottom: 15px; color: var(--gold-light); font-size: 38px; }
.why-card h3, .security-grid h3 { margin: 0 0 9px; font-family: Georgia, serif; font-size: 24px; }
.why-card p, .security-grid p { margin: 0; color: var(--muted); }
.gold-panel { padding-right: 45px; padding-left: 45px; background: linear-gradient(135deg, rgba(48,39,13,.86), rgba(16,16,16,.95)); border: 1px solid rgba(212,175,55,.58); border-radius: 28px; box-shadow: var(--shadow), inset 0 0 50px rgba(212,175,55,.06); }
.fastpass-content { display: flex; align-items: center; max-width: 850px; gap: 30px; margin: auto; padding: 31px; border-top: 1px solid rgba(212,175,55,.25); border-bottom: 1px solid rgba(212,175,55,.25); }
.big-icon { flex: 0 0 auto; color: var(--gold-light); font-size: 64px; filter: drop-shadow(0 0 15px rgba(212,175,55,.35)); }
.fastpass-content p { color: #c2c2c2; font-size: 16px; }
.fastpass-content strong, .basket-bonus strong { color: var(--gold-light); }
.vip-section { padding-right: 34px; padding-left: 34px; background: linear-gradient(135deg, rgba(16,16,16,.95), rgba(48,38,11,.72)); border: 1px solid rgba(212,175,55,.42); border-radius: 28px; }
.vip-tiers { display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px; }
.vip-tiers > div { display: flex; flex-direction: column; gap: 5px; padding: 24px 12px; text-align: center; background: #111; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; transition: .25s ease; }
.vip-tiers > div:hover { transform: translateY(-8px); border-color: var(--gold); }
.vip-tiers strong { color: #d6d6d6; font-size: 13px; }
.vip-tiers b { color: var(--gold-light); font: 700 30px Georgia, serif; }
.vip-tiers small { color: var(--muted); font-size: 11px; }
.vip-tiers .vip-max { background: linear-gradient(145deg, #5a4616, #17130a); border-color: var(--gold); }
.basket-bonus { display: flex; align-items: center; gap: 20px; max-width: 670px; margin: 30px auto 0; padding: 21px 25px; background: rgba(212,175,55,.08); border: 1px solid rgba(212,175,55,.3); border-radius: 16px; }
.basket-bonus > span { font-size: 35px; }.basket-bonus h3 { margin: 0 0 4px; color: var(--gold-light); font-size: 21px; }.basket-bonus p { margin: 0; color: var(--muted); }
.security-section { padding-right: 34px; padding-left: 34px; background: linear-gradient(145deg, rgba(21,21,21,.96), rgba(10,16,18,.92)); border: 1px solid rgba(255,255,255,.1); border-radius: 28px; }
.security-intro { max-width: 850px; margin: 0 auto 36px; padding: 26px 30px; text-align: center; background: rgba(255,255,255,.04); border-left: 3px solid var(--gold); border-radius: 4px 14px 14px 4px; }.security-intro p { margin: 0; color: #c6c6c6; font-size: 16px; }.security-intro strong { color: var(--gold-light); }
.security-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.security-grid article { position: relative; padding: 30px 25px; text-align: center; background: rgba(0,0,0,.3); border: 1px solid rgba(255,255,255,.08); border-radius: 20px; transition: .3s ease; }.security-grid article:hover { transform: translateY(-7px); border-color: var(--border); }.security-icon { margin-bottom: 13px; font-size: 35px; }
.stats-section { padding-right: 34px; padding-left: 34px; text-align: center; background: rgba(15,15,15,.87); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }.demo-warning { color: #c5a34d !important; font-size: 12px !important; }.stats-row { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 950px; margin: auto; border: 1px solid rgba(212,175,55,.3); border-radius: 22px; background: rgba(212,175,55,.04); }.stats-row > div { padding: 24px 10px; border-right: 1px solid rgba(212,175,55,.2); }.stats-row > div:last-child { border-right: 0; }.stats-row strong { display: block; color: var(--gold-light); font: 700 clamp(26px, 4vw, 42px) Georgia, serif; }.stats-row span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: 1px; }.payment-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 25px; }.payment-row span { padding: 7px 13px; color: #aaa; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; font-size: 12px; }
.faq-section { padding-bottom: 120px; }.faq-list { max-width: 900px; margin: auto; }.faq-list details { margin-bottom: 11px; padding: 0 22px; background: rgba(18,18,18,.9); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; transition: .25s ease; }.faq-list details:hover, .faq-list details[open] { border-color: var(--border); background: rgba(37,31,15,.9); }.faq-list summary { padding: 19px 0; color: #eee; cursor: pointer; font-size: 16px; font-weight: 700; list-style: none; }.faq-list summary::after { float: right; color: var(--gold); content: '+'; font-size: 22px; }.faq-list details[open] summary::after { content: '−'; }.faq-list details p { margin: 0; padding: 0 0 20px; color: var(--muted); }
@media (max-width: 850px) { .why-section, .fastpass-section, .vip-section, .security-section, .stats-section, .faq-section { padding-top: 70px; padding-bottom: 70px; }.why-grid, .security-grid { grid-template-columns: 1fr; }.vip-tiers { grid-template-columns: repeat(2, 1fr); }.vip-tiers .vip-max { grid-column: span 2; }.stats-row { grid-template-columns: repeat(2, 1fr); }.stats-row > div { border-bottom: 1px solid rgba(212,175,55,.2); }.stats-row > div:nth-child(2) { border-right: 0; }.fastpass-content { align-items: flex-start; flex-direction: column; }.gold-panel, .vip-section, .security-section, .stats-section { padding-right: 20px; padding-left: 20px; } }
@media (max-width: 560px) { .vip-tiers { grid-template-columns: 1fr; }.vip-tiers .vip-max { grid-column: auto; }.stats-row { grid-template-columns: 1fr; }.stats-row > div { border-right: 0; }.basket-bonus { align-items: flex-start; }.faq-list details { padding: 0 16px; } }


/* Neutralisation finale des anciens accents bleus */
.hero-panel,
.featured-section,
.service-card,
.news-card {
    border-color: rgba(212, 175, 55, .34);
    box-shadow: var(--shadow);
}
.service-card,
.news-card {
    background: linear-gradient(145deg, rgba(29, 26, 15, .96), rgba(12, 12, 12, .96));
}
.service-card:hover,
.news-card:hover {
    border-color: var(--gold-light);
    background: linear-gradient(145deg, rgba(65, 49, 14, .95), rgba(15, 13, 8, .96));
    box-shadow: 0 18px 42px #000, 0 0 25px rgba(212, 175, 55, .18);
}
.news-number { color: var(--gold-light); text-shadow: 0 0 14px rgba(212, 175, 55, .55); }


/* Composition finale : contenu central, fond visible sur les côtés, palette or/noir */
.page-content,
.site-footer {
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
}
.page-content {
    padding-top: 25px;
}
.hero-section {
    min-height: 680px;
    padding-top: 125px;
    padding-bottom: 135px;
}
.hero-panel,
.featured-section,
.service-card,
.news-card,
.why-card,
.gold-panel,
.vip-section,
.security-section,
.stats-section,
.faq-list details {
    border-color: rgba(212, 175, 55, .38);
}
.hero-panel {
    background: linear-gradient(145deg, rgba(42, 35, 15, .95), rgba(12, 12, 12, .97));
    box-shadow: 0 18px 50px rgba(0,0,0,.62), 0 0 24px rgba(212,175,55,.08);
}
.featured-section {
    background: linear-gradient(100deg, rgba(9,9,9,.97), rgba(42,33,11,.9)), url('../../image/fond.webp') center / cover no-repeat;
}
.service-card,
.news-card,
.why-card,
.faq-list details {
    background: linear-gradient(145deg, rgba(31,27,14,.96), rgba(10,10,10,.97));
}
.service-card:hover,
.news-card:hover,
.why-card:hover,
.faq-list details:hover,
.faq-list details[open] {
    border-color: var(--gold-light);
    background: linear-gradient(145deg, rgba(67,50,15,.95), rgba(13,12,8,.98));
    box-shadow: 0 18px 45px #000, 0 0 25px rgba(212,175,55,.16);
}
.featured-section,
.content-section,
.news-section,
.why-section,
.fastpass-section,
.vip-section,
.security-section,
.stats-section,
.faq-section {
    margin-bottom: 35px;
}
.why-section,
.fastpass-section,
.vip-section,
.security-section,
.stats-section,
.faq-section {
    padding-top: 120px;
    padding-bottom: 120px;
}


/* Sections inférieures : encadrés centraux, longs et étroits */
.why-section,
.fastpass-section,
.vip-section,
.security-section,
.stats-section,
.faq-section {
    width: min(880px, 100%);
    margin-right: auto;
    margin-left: auto;
}
.why-grid,
.security-grid {
    grid-template-columns: 1fr;
    gap: 18px;
}
.why-card,
.security-grid article {
    min-height: 0;
    padding: 32px 46px;
}
.vip-tiers {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
}
.vip-tiers > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    min-height: 72px;
    padding: 14px 24px;
    text-align: left;
}
.vip-tiers b,
.vip-tiers small {
    text-align: right;
}
.stats-row {
    grid-template-columns: 1fr 1fr;
    max-width: 650px;
    margin-right: auto;
    margin-left: auto;
}
.stats-row > div:nth-child(2) {
    border-right: 0;
}
.stats-row > div:nth-child(-n+2) {
    border-bottom: 1px solid rgba(212,175,55,.2);
}
@media (max-width: 600px) {
    .why-section,
    .fastpass-section,
    .vip-section,
    .security-section,
    .stats-section,
    .faq-section {
        width: 100%;
    }
    .why-card,
    .security-grid article {
        padding: 28px 22px;
    }
    .vip-tiers > div {
        grid-template-columns: 1fr 1fr;
    }
    .vip-tiers small {
        grid-column: span 2;
        text-align: left;
    }
    .stats-row {
        grid-template-columns: 1fr;
    }
    .stats-row > div {
        border-right: 0;
        border-bottom: 1px solid rgba(212,175,55,.2);
    }
    .stats-row > div:last-child {
        border-bottom: 0;
    }
}


/* Harmonisation finale : même largeur et mêmes proportions que les sections supérieures */
.why-section,
.fastpass-section,
.vip-section,
.security-section,
.stats-section,
.faq-section {
    width: 100%;
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 34px;
    padding-left: 34px;
    background: linear-gradient(145deg, rgba(23,20,11,.96), rgba(10,10,10,.97));
    border: 1px solid rgba(212,175,55,.34);
    border-radius: 26px;
    box-shadow: var(--shadow);
}
.why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.why-card {
    min-height: 235px;
    padding: 30px;
}
.security-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.security-grid article {
    padding: 30px 24px;
}
.vip-tiers {
    grid-template-columns: repeat(5, 1fr);
    max-width: none;
}
.vip-tiers > div {
    display: flex;
    min-height: 0;
    padding: 24px 12px;
    text-align: center;
}
.vip-tiers b,
.vip-tiers small {
    text-align: center;
}
.stats-row {
    grid-template-columns: repeat(4, 1fr);
    max-width: 950px;
}
.stats-row > div:nth-child(2) {
    border-right: 1px solid rgba(212,175,55,.2);
}
.stats-row > div:nth-child(-n+2) {
    border-bottom: 0;
}
@media (max-width: 850px) {
    .why-section,
    .fastpass-section,
    .vip-section,
    .security-section,
    .stats-section,
    .faq-section {
        padding-right: 20px;
        padding-left: 20px;
    }
    .why-grid,
    .security-grid {
        grid-template-columns: 1fr;
    }
    .vip-tiers {
        grid-template-columns: repeat(2, 1fr);
    }
    .vip-tiers .vip-max {
        grid-column: span 2;
    }
    .stats-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .stats-row > div:nth-child(2) {
        border-right: 0;
    }
    .stats-row > div:nth-child(-n+2) {
        border-bottom: 1px solid rgba(212,175,55,.2);
    }
}


/* Authentification, espace client et tickets */
.auth-page,.client-page,.support-page{max-width:1080px;min-height:100vh;margin:auto;padding:55px 28px}.auth-page{max-width:560px}.auth-logo{display:block;margin:0 auto 24px;text-align:center}.auth-logo img{width:120px;height:72px;object-fit:contain}.auth-card,.ticket-history,.ticket-sidebar,.ticket-chat,.admin-shell{padding:34px;background:rgba(14,14,14,.95);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.auth-card h1,.client-heading h1,.ticket-title h1,.admin-shell h1{margin:0 0 10px;font:700 42px Georgia,serif}.auth-form{display:grid;gap:17px;margin-top:25px}.auth-form label{display:grid;gap:7px;color:#ddd;font-size:13px}.auth-form input,.ticket-sidebar input,.admin-ticket-actions select{width:100%;padding:12px;color:#fff;background:#080808;border:1px solid #444;border-radius:9px}.password-field{display:flex;gap:7px}.password-field input{flex:1}.password-field button{color:var(--gold-light);background:#211b0d;border:1px solid var(--border);border-radius:8px}.check-label{display:flex!important;display:flex;align-items:center;gap:8px}.check-label input{width:auto}.check-label a{color:var(--gold-light)}.form-error{margin:12px 0;padding:10px;color:#ffb1a8;background:#3b1717;border:1px solid #9d4a40;border-radius:8px}.auth-footer{margin:22px 0 0;color:var(--muted);text-align:center}.auth-footer a,.back-link,.text-link{color:var(--gold-light)}.client-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:55px 0 35px}.ticket-history h2{margin-top:0;font-family:Georgia,serif}.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none}.ticket-row:last-child{border-bottom:0}.ticket-row span{display:flex;flex-direction:column}.ticket-row small{color:var(--muted)}.ticket-row b{padding:5px 9px;border-radius:8px;font-size:11px}.status-open{color:#8de8b0;background:#153a26}.status-pending{color:#f6d276;background:#3e3216}.status-closed{color:#bbb;background:#292929}.support-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-top:35px}.ticket-sidebar h2{margin-top:0;font-family:Georgia,serif}.ticket-sidebar form{display:grid;gap:9px;margin-bottom:20px}.ticket-sidebar .ticket-row{font-size:12px}.ticket-chat{display:flex;min-height:650px;flex-direction:column}.ticket-title{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.ticket-title h1{font-size:30px}.ticket-chat .chat-messages{min-height:350px}.admin-ticket-layout{display:grid;grid-template-columns:310px 1fr;gap:20px;margin-top:25px}.admin-ticket-layout>aside,.admin-ticket-chat{padding:18px;background:rgba(14,14,14,.95);border:1px solid var(--border);border-radius:18px}.admin-ticket-layout h2{font-family:Georgia,serif}.admin-ticket-item{display:grid;gap:3px;padding:13px 7px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer}.admin-ticket-item:hover{background:#2a210e}.admin-ticket-item small{color:var(--muted);font-size:11px}.admin-ticket-item span{color:var(--gold);font-size:11px}.admin-ticket-chat{display:flex;min-height:680px;flex-direction:column}.admin-ticket-chat .chat-messages{min-height:390px}.admin-ticket-actions{display:flex;gap:9px;padding:10px 0}.admin-ticket-actions select{width:auto}.admin-ticket-actions .button{min-height:40px;padding:8px 14px}.admin-ticket-chat .chat-form{margin-top:auto}
@media(max-width:800px){.support-layout,.admin-ticket-layout{grid-template-columns:1fr}.client-heading{align-items:flex-start;flex-direction:column}.auth-page,.client-page,.support-page{padding:30px 16px}.auth-card,.ticket-history,.ticket-sidebar,.ticket-chat,.admin-shell{padding:22px}.ticket-title{display:block}.ticket-title form{margin-top:12px}}


/* Finitions espace client et centre de support */
.client-page { max-width: 1080px; min-height: 650px; padding-top: 90px; padding-bottom: 110px; }
.client-welcome, .client-placeholder, .support-intro { padding: 42px; background: linear-gradient(135deg, rgba(31,27,14,.96), rgba(10,10,10,.97)); border: 1px solid rgba(212,175,55,.35); border-radius: 24px; box-shadow: var(--shadow); }
.client-welcome h1, .support-intro h1 { margin: 0 0 12px; font: 700 clamp(34px, 5vw, 55px) Georgia, serif; }
.client-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.client-placeholder { margin-top: 24px; text-align: center; }.client-placeholder h2 { font: 700 31px Georgia, serif; }.client-placeholder p { max-width: 620px; margin: auto; }
.support-page { max-width: 1120px; padding-top: 80px; padding-bottom: 100px; }.support-intro { margin-bottom: 24px; text-align: center; }.support-layout { display: grid; grid-template-columns: 310px 1fr; gap: 20px; }.ticket-sidebar, .ticket-chat { background: rgba(13,13,13,.96); border: 1px solid rgba(212,175,55,.28); border-radius: 22px; box-shadow: var(--shadow); }.ticket-sidebar { padding: 22px; }.sidebar-title { display: flex; align-items: center; justify-content: space-between; }.sidebar-title h2 { margin: 0 0 17px; font: 700 25px Georgia, serif; }.sidebar-title span { width: 27px; height: 27px; display: grid; place-items: center; color: #16120a; background: var(--gold); border-radius: 50%; font-weight: 800; font-size: 12px; }.ticket-sidebar form { display: grid; gap: 9px; margin-bottom: 15px; }.ticket-sidebar input { padding: 12px; color: #fff; background: #080808; border: 1px solid #3c3c3c; border-radius: 9px; }.ticket-sidebar .button { width: 100%; }.ticket-chat { display: flex; min-height: 680px; flex-direction: column; padding: 25px; }.ticket-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.1); }.ticket-title h2 { margin: 0 0 6px; color: #fff; font: 700 31px Georgia, serif; }.ticket-title .button { min-height: 40px; padding: 8px 14px; }.ticket-chat .chat-messages { min-height: 400px; }.ticket-closed { margin: 12px 0 0; padding: 13px; text-align: center; background: #242016; border-radius: 8px; }
.auth-footer-site { max-width: 1080px; }.auth-page + .site-footer { margin-top: 0; }
@media(max-width:800px){.client-welcome,.client-placeholder,.support-intro{padding:27px 21px}.support-layout{grid-template-columns:1fr}.ticket-chat{min-height:600px}.ticket-title{display:block}.ticket-title form{margin-top:13px}}


/* Design final du support : widget toujours en bas à droite */
body .support-fab {
    position: fixed !important;
    right: 28px !important;
    left: auto !important;
    bottom: 28px !important;
    z-index: 9990 !important;
    display: grid !important;
    place-items: center;
    width: 76px;
    height: 76px;
    padding: 8px;
    background: linear-gradient(145deg, #2f2410, #0e0e0e);
    border: 2px solid var(--gold-light);
    border-radius: 50%;
    box-shadow: 0 12px 30px #000, 0 0 24px rgba(212,175,55,.24);
}
body .support-fab img { display:block; width:100%; height:100%; object-fit:contain; border-radius:50%; }
body .support-fab::before { content:""; position:absolute; inset:-7px; border:1px solid rgba(212,175,55,.38); border-radius:50%; animation:supportRing 2.5s ease-out infinite; pointer-events:none; }
@keyframes supportRing { 0% { transform:scale(.86); opacity:.8; } 100% { transform:scale(1.25); opacity:0; } }
body .support-panel {
    position:fixed !important;
    right:28px !important;
    left:auto !important;
    bottom:120px !important;
    z-index:9989 !important;
    display:none;
    width:390px;
    height:570px;
    overflow:hidden;
    flex-direction:column;
    background:linear-gradient(160deg,#1a160c 0%,#101010 42%,#080808 100%);
    border:1px solid rgba(212,175,55,.62);
    border-radius:24px;
    box-shadow:0 24px 70px #000,0 0 35px rgba(212,175,55,.13);
}
body .support-panel.open { display:flex !important; }
body .support-head { align-items:center; min-height:76px; padding:17px 20px; background:linear-gradient(90deg,#34270d,#15120a); border-bottom:1px solid rgba(212,175,55,.35); }
body .support-head strong { display:flex; align-items:center; gap:10px; color:#fff; font:700 20px Georgia,serif; }
body .support-head strong::before { content:""; width:10px; height:10px; background:#6ee59d; border-radius:50%; box-shadow:0 0 12px #6ee59d; }
body .support-head button { width:32px; height:32px; color:#f5d979; background:#0005; border:1px solid #ffffff20; border-radius:50%; }
body .support-panel .chat-messages { display:flex; flex:1; flex-direction:column; gap:6px; padding:19px; background:radial-gradient(circle at 50% 0,#33270c33,transparent 55%); }
body .support-panel .message { max-width:82%; margin:4px 0; padding:11px 13px; color:#eee; background:#252525; border:1px solid #ffffff10; border-radius:15px 15px 15px 4px; box-shadow:0 4px 10px #0004; }
body .support-panel .message.mine { margin-left:auto; background:linear-gradient(135deg,#896d25,#5a4314); border-color:#d4af3755; border-radius:15px 15px 4px 15px; }
body .support-panel .message small { margin-top:5px; color:#c9c9c9; font-size:10px; }
body .support-panel .chat-full-link { margin:0 16px 10px; padding:10px; color:#f5d979; background:#ffffff08; border:1px solid #d4af3738; border-radius:10px; }
body .support-panel .chat-form { padding:13px; background:#0b0b0b; border-top:1px solid #d4af3730; }
body .support-panel .chat-form input { padding:12px 13px; background:#181818; border-color:#5b4b25; border-radius:12px; }
body .support-panel .chat-form button { min-width:78px; color:#17130a; background:linear-gradient(135deg,#f8dc7b,#c89f2f); border-radius:11px; }

/* Page support : vraie interface de conversation */
body:has(.support-page) .site-header { position:relative; }
.support-page .support-intro { padding:55px 50px; background:linear-gradient(135deg,rgba(54,41,12,.96),rgba(12,12,12,.98)); border-color:#d4af3766; }
.support-page .support-intro h1 { max-width:760px; margin-right:auto; margin-left:auto; font-size:clamp(38px,5vw,64px); }
.support-page .support-layout { align-items:stretch; gap:24px; margin-top:28px; }
.support-page .ticket-sidebar { min-height:650px; padding:25px; background:linear-gradient(180deg,#17130a,#0e0e0e); border-color:#d4af3748; }
.support-page .sidebar-title { margin-bottom:18px; }
.support-page .sidebar-title h2 { color:#f8dc7b; }
.support-page .ticket-row { margin:5px -10px; padding:15px 10px; border:1px solid transparent; border-radius:12px; transition:.2s; }
.support-page .ticket-row:hover { background:#d4af3714; border-color:#d4af3738; }
.support-page .ticket-chat { min-height:650px; padding:0; background:#101010; border-color:#d4af3748; }
.support-page .ticket-title { padding:25px 28px 20px; background:linear-gradient(90deg,#20190b,#111); border-bottom-color:#d4af3738; }
.support-page .ticket-title h2 { font-size:30px; }
.support-page .ticket-chat .chat-messages { min-height:430px; padding:25px 28px; background:radial-gradient(circle at 80% 0,#4b371033,transparent 45%); }
.support-page .ticket-chat .chat-form { margin-top:auto; padding:17px 20px; background:#0a0a0a; border-top:1px solid #d4af3730; }
.support-page .ticket-chat .chat-form input { padding:14px; border-color:#4c4026; border-radius:12px; }
.support-page .ticket-chat .chat-form button { padding:0 21px; color:#15120a; background:linear-gradient(135deg,#f8dc7b,#c89f2f); border-radius:11px; }
@media(max-width:600px){body .support-fab{right:17px!important;bottom:17px!important;width:66px;height:66px}body .support-panel{right:10px!important;bottom:96px!important;width:calc(100vw - 20px);height:calc(100vh - 125px);max-height:590px}.support-page .support-intro{padding:32px 22px}.support-page .ticket-sidebar,.support-page .ticket-chat{min-height:0}.support-page .ticket-chat{height:620px}}


/* Chat pleine page */
.chat-page { max-width: 900px; min-height: 720px; margin: auto; padding: 75px 28px 110px; }
.chat-page-heading { margin-bottom: 25px; text-align: center; }.chat-page-heading h1 { margin: 8px 0; font: 700 clamp(42px,6vw,70px) Georgia,serif; }.chat-page-heading .back-link { display: inline-block; margin-bottom: 28px; }
.chat-page-card { display: flex; min-height: 610px; flex-direction: column; overflow: hidden; background: linear-gradient(145deg,#17130a,#0c0c0c); border: 1px solid rgba(212,175,55,.55); border-radius: 26px; box-shadow: 0 25px 70px #000,0 0 35px rgba(212,175,55,.1); }
.chat-page-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 25px; background: linear-gradient(90deg,#3c2d0e,#14110a); border-bottom: 1px solid rgba(212,175,55,.35); }.chat-page-header div { display:grid; gap:3px; }.chat-page-header strong { font:700 20px Georgia,serif; }.chat-page-header small { color:var(--muted); }.online-dot { display:inline-block; width:9px; height:9px; margin-right:7px; background:#6ee59d; border-radius:50%; box-shadow:0 0 12px #6ee59d; }
.chat-page-card .chat-messages { display:flex; flex:1; min-height:430px; flex-direction:column; gap:7px; padding:27px; background:radial-gradient(circle at 50% 0,#4b371033,transparent 48%); }.chat-page-card .chat-form { padding:16px 20px; background:#090909; border-top:1px solid rgba(212,175,55,.25); }.chat-page-card .chat-form input { padding:14px; border-color:#5e4b25; border-radius:12px; }.chat-page-card .chat-form button { min-width:90px; color:#17130a; background:linear-gradient(135deg,#f8dc7b,#c89f2f); border-radius:11px; }.support-welcome { background:linear-gradient(135deg,#574416,#30230c)!important; border-color:rgba(212,175,55,.5)!important; }
@media(max-width:600px){.chat-page{padding:35px 13px 70px}.chat-page-card{min-height:600px}.chat-page-header{align-items:flex-start;flex-direction:column}.chat-page-header .button{width:100%}}


/* Hero centré : texte, actions et serveurs empilés au centre */
.hero-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 32px;
    min-height: 720px;
    padding-top: 125px;
    padding-bottom: 125px;
    text-align: center;
}
.hero-copy { width: 100%; }
.hero-copy h1 { max-width: none; }
.hero-description { max-width: 650px; margin-right: auto; margin-left: auto; }
.hero-actions { justify-content: center; }
.hero-panel { width: min(480px, 100%); justify-content: center; text-align: left; }
@media (max-width: 900px) {
    .hero-section { min-height: 650px; padding-top: 85px; padding-bottom: 85px; }
}


/* Header flottant premium : le fond reste visible autour du menu */
.site-header {
    position: sticky;
    top: 20px;
    width: min(1240px, calc(100% - 48px));
    margin: 20px auto 0;
    padding: 10px 18px;
    background: rgba(12, 12, 12, .64);
    border: 1px solid rgba(212,175,55,.32);
    border-radius: 25px;
    backdrop-filter: blur(18px);
    box-shadow: 0 16px 38px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.07);
}
.header-inner { max-width: none; }
@media (max-width: 760px) {
    .site-header { top: 10px; width: calc(100% - 22px); margin-top: 10px; padding: 8px 11px; border-radius: 20px; }
    .header-inner { gap: 10px; }
}


/* Encadré serveurs : illustration plus présente et mieux espacée du texte */
.hero-panel { justify-content: flex-start; gap: 30px; padding: 26px 30px; }
.hero-panel img { flex: 0 0 116px; width: 116px; height: 116px; object-fit: contain; }
@media (max-width: 560px) {
    .hero-panel { gap: 20px; padding: 22px; }
    .hero-panel img { flex-basis: 92px; width: 92px; height: 92px; }
}

/* Boutique kamas et panier */
.shop-page{max-width:1050px;min-height:720px;margin:auto;padding:90px 28px 115px}.shop-hero{text-align:center;margin-bottom:28px}.shop-hero h1{margin:0 0 12px;font:700 clamp(42px,6vw,72px) Georgia,serif}.shop-card{padding:34px;background:linear-gradient(145deg,rgba(28,23,10,.97),rgba(10,10,10,.98));border:1px solid rgba(212,175,55,.42);border-radius:24px;box-shadow:var(--shadow)}.shop-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #d4af3733}.shop-card-heading h2{margin:0;font:700 30px Georgia,serif}.secure-pill{padding:8px 12px;color:#a9edc2;background:#193625;border:1px solid #4b9c68;border-radius:999px;font-size:11px}.shop-form{display:grid;gap:20px;padding-top:25px}.shop-form label{display:grid;gap:8px;color:#ddd;font-weight:700}.shop-form input,.shop-form select{width:100%;padding:14px;color:#fff;background:#0a0a0a;border:1px solid #604d29;border-radius:11px}.shop-form small{color:var(--muted);font-weight:400}.shop-form .button{width:100%;margin-top:8px}.cart-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.order-card{height:max-content}.order-detail{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #ffffff12}.order-detail span{color:var(--muted)}.order-detail strong{color:#f8dc7b}.remove-button{padding:8px 11px;color:#f39f92;background:#381916;border:1px solid #8c473d;border-radius:8px}.summary-card{height:max-content}.summary-card h2{margin:5px 0 25px;color:#f8dc7b;font:700 42px Georgia,serif}.summary-line{display:flex;justify-content:space-between;padding:11px 0;color:#ccc;border-bottom:1px solid #ffffff12}.summary-line b{color:#fff}.summary-line.discount b{color:#9fe0b5}.promo-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px}.promo-form input{min-width:0;padding:12px;color:#fff;background:#080808;border:1px solid #604d29;border-radius:9px}.promo-form button{padding:0 13px;color:#f8dc7b;background:#28200d;border:1px solid #d4af3755;border-radius:9px}.pay-button{width:100%;margin-top:22px;opacity:.58}.payment-note{display:block;margin-top:12px;color:var(--muted);font-size:11px;text-align:center}.empty-cart{text-align:center}.empty-cart h2{font:700 30px Georgia,serif}.empty-cart .button{margin-top:15px}@media(max-width:760px){.shop-page{padding:55px 16px 80px}.cart-layout{grid-template-columns:1fr}.shop-card{padding:23px}.shop-card-heading{align-items:flex-start;flex-direction:column}.secure-pill{align-self:flex-start}}


.server-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.server-price{padding:17px;background:linear-gradient(145deg,#2b210d,#111);border:1px solid #d4af3748;border-radius:14px;text-align:center}.server-price span{display:block;color:#c9c9c9;font-size:12px;margin-bottom:7px}.server-price strong{color:#f8dc7b;font-size:17px}.live-total{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:18px 0;border-top:1px solid #d4af3733;color:#ccc}.live-total strong{color:#f8dc7b;font:700 27px Georgia,serif}@media(max-width:600px){.server-price-grid{grid-template-columns:1fr}.server-price{display:flex;align-items:center;justify-content:space-between}.server-price span{margin:0}}


/* Direction motion & néons : couche dynamique de l'accueil */
body:has(.hero-section) { overflow-x:hidden; }
body:has(.hero-section)::before, body:has(.hero-section)::after { content:""; position:fixed; z-index:-1; width:34vw; height:34vw; border-radius:50%; filter:blur(80px); opacity:.10; pointer-events:none; animation:ambientDrift 14s ease-in-out infinite alternate; }
body:has(.hero-section)::before { top:18%; left:-12%; background:#f7d978; }body:has(.hero-section)::after { right:-12%; bottom:12%; background:#d4af37; animation-delay:-7s; }
@keyframes ambientDrift { from{transform:translate3d(0,0,0) scale(.9)} to{transform:translate3d(5vw,3vh,0) scale(1.18)} }
body:has(.hero-section) .hero-copy h1 { color:#fff8d9; text-shadow:0 0 8px rgba(247,217,120,.7),0 0 32px rgba(212,175,55,.28); animation:titleGlow 3s ease-in-out infinite alternate; }
@keyframes titleGlow { from{filter:brightness(1)} to{filter:brightness(1.18);text-shadow:0 0 12px #f7d978,0 0 42px rgba(212,175,55,.45)} }
body:has(.hero-section) .section-label { text-shadow:0 0 9px rgba(247,217,120,.72); animation:labelFlicker 4.5s ease-in-out infinite; }
@keyframes labelFlicker { 0%,88%,100%{opacity:1} 90%{opacity:.55} 92%{opacity:1} }
body:has(.hero-section) .hero-actions .button-gold { animation:buttonPulse 2.8s ease-in-out infinite; }
@keyframes buttonPulse { 0%,100%{box-shadow:0 0 0 rgba(247,217,120,0)} 50%{box-shadow:0 0 20px rgba(247,217,120,.5),0 0 42px rgba(212,175,55,.18)} }
body:has(.hero-section) .hero-panel { position:relative; overflow:hidden; animation:panelFloat 5s ease-in-out infinite; }
body:has(.hero-section) .hero-panel::after { content:""; position:absolute; top:0; left:-45%; width:32%; height:100%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,244,174,.22),transparent); animation:shineSweep 5.5s ease-in-out infinite; pointer-events:none; }
@keyframes panelFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes shineSweep { 0%,40%{left:-45%} 75%,100%{left:125%} }
body:has(.hero-section) .hero-panel img { animation:serverFloat 3.4s ease-in-out infinite; filter:drop-shadow(0 0 12px rgba(247,217,120,.42)); }
@keyframes serverFloat { 0%,100%{transform:translate(0,0) rotate(-1deg)} 25%{transform:translate(-3px,-4px) rotate(1deg)} 50%{transform:translate(2px,0) rotate(-2deg)} 75%{transform:translate(-2px,3px) rotate(1deg)} }
body:has(.hero-section) .service-card, body:has(.hero-section) .news-card, body:has(.hero-section) .why-card { transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
body:has(.hero-section) .service-card:hover, body:has(.hero-section) .news-card:hover, body:has(.hero-section) .why-card:hover { transform:translateY(-9px) scale(1.015); border-color:rgba(247,217,120,.72); box-shadow:0 18px 40px #000,0 0 24px rgba(212,175,55,.2); }
body:has(.hero-section) .service-card img { animation:iconBreath 4s ease-in-out infinite; }
@keyframes iconBreath { 0%,100%{transform:scale(1) rotate(0)} 50%{transform:scale(1.07) rotate(2deg)} }
body:has(.hero-section) .stats-row strong { color:#fff1a9; text-shadow:0 0 10px rgba(247,217,120,.75); animation:statBlink 3.8s ease-in-out infinite; }
@keyframes statBlink { 0%,100%{text-shadow:0 0 8px rgba(247,217,120,.5)} 50%{text-shadow:0 0 18px #f7d978,0 0 35px rgba(212,175,55,.4)} }
body:has(.hero-section) .support-fab { overflow:visible; }
body:has(.hero-section) .support-fab img { animation:supportShake 2.7s ease-in-out infinite; filter:drop-shadow(0 0 12px rgba(247,217,120,.65)); }
@keyframes supportShake { 0%,72%,100%{transform:rotate(0) translate(0)} 76%{transform:rotate(-7deg) translate(-2px,0)} 79%{transform:rotate(7deg) translate(2px,0)} 82%{transform:rotate(-4deg)} 85%{transform:rotate(0)} }
.support-fab-label { position:absolute; right:68px; top:50%; white-space:nowrap; padding:8px 12px; color:#fff4b4; background:rgba(23,18,7,.94); border:1px solid rgba(247,217,120,.7); border-radius:10px; box-shadow:0 0 16px rgba(247,217,120,.28); font-size:12px; font-weight:800; transform:translateY(-50%); animation:helpWiggle 2.7s ease-in-out infinite; }
@keyframes helpWiggle { 0%,72%,100%{transform:translateY(-50%) rotate(0)} 77%{transform:translateY(-50%) rotate(-3deg)} 82%{transform:translateY(-50%) rotate(3deg)} 87%{transform:translateY(-50%) rotate(0)} }
body:has(.hero-section) .featured-section { border-color:rgba(247,217,120,.45); box-shadow:var(--shadow),0 0 26px rgba(212,175,55,.1); }
@media(max-width:600px){.support-fab-label{right:57px;font-size:11px}.support-fab-label{animation:none}.hero-panel img{animation-duration:4.5s}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* Ciblage direct de l'index : animations garanties même sans :has() */
.home-page .hero-copy h1 { color:#fff8d9; text-shadow:0 0 8px rgba(247,217,120,.7),0 0 32px rgba(212,175,55,.28); animation:homeTitleGlow 3s ease-in-out infinite alternate; }
@keyframes homeTitleGlow { from{filter:brightness(1)} to{filter:brightness(1.18);text-shadow:0 0 12px #f7d978,0 0 42px rgba(212,175,55,.45)} }
.home-page .section-label { text-shadow:0 0 9px rgba(247,217,120,.72); animation:homeLabelFlicker 4.5s ease-in-out infinite; }
@keyframes homeLabelFlicker { 0%,88%,100%{opacity:1} 90%{opacity:.55} 92%{opacity:1} }
.home-page .hero-actions .button-gold { animation:homeButtonPulse 2.8s ease-in-out infinite; }
@keyframes homeButtonPulse { 0%,100%{box-shadow:0 0 0 rgba(247,217,120,0)} 50%{box-shadow:0 0 20px rgba(247,217,120,.5),0 0 42px rgba(212,175,55,.18)} }
.home-page .hero-panel { position:relative; overflow:hidden; animation:homePanelFloat 5s ease-in-out infinite; }
@keyframes homePanelFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
.home-page .hero-panel img { animation:homeServerMotion 3.4s ease-in-out infinite; filter:drop-shadow(0 0 12px rgba(247,217,120,.7)); }
@keyframes homeServerMotion { 0%,100%{transform:translate(0,0) rotate(-1deg)} 25%{transform:translate(-3px,-4px) rotate(1deg)} 50%{transform:translate(2px,0) rotate(-2deg)} 75%{transform:translate(-2px,3px) rotate(1deg)} }
.home-page .service-card:hover,.home-page .news-card:hover,.home-page .why-card:hover { transform:translateY(-9px) scale(1.015); border-color:rgba(247,217,120,.72); box-shadow:0 18px 40px #000,0 0 24px rgba(212,175,55,.2); }
.home-page .stats-row strong { color:#fff1a9; text-shadow:0 0 10px rgba(247,217,120,.75); animation:homeStatBlink 3.8s ease-in-out infinite; }
@keyframes homeStatBlink { 0%,100%{text-shadow:0 0 8px rgba(247,217,120,.5)} 50%{text-shadow:0 0 18px #f7d978,0 0 35px rgba(212,175,55,.4)} }
.home-page .support-fab img { animation:homeSupportShake 2.7s ease-in-out infinite; filter:drop-shadow(0 0 12px rgba(247,217,120,.65)); }
@keyframes homeSupportShake { 0%,72%,100%{transform:rotate(0) translate(0)} 76%{transform:rotate(-7deg) translate(-2px,0)} 79%{transform:rotate(7deg) translate(2px,0)} 82%{transform:rotate(-4deg)} 85%{transform:rotate(0)} }
.home-page .support-fab-label { animation:homeHelpWiggle 2.7s ease-in-out infinite; }
@keyframes homeHelpWiggle { 0%,72%,100%{transform:translateY(-50%) rotate(0)} 77%{transform:translateY(-50%) rotate(-3deg)} 82%{transform:translateY(-50%) rotate(3deg)} 87%{transform:translateY(-50%) rotate(0)} }


/* Le fichier source est en 640x493 : éviter de l'étirer sur grand écran. */
@media (max-width: 700px) {
    .site-background { background-size: 100% auto; background-position: center top; }
}


/* Harmonisation finale : fond plein écran et panneaux gris chaud / doré */
.site-background {
    background-color:#101820 !important;
    background-image:linear-gradient(rgba(7,8,13,.24),rgba(7,8,13,.58)),url('../../image/fond.webp') !important;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}
.home-page .hero-panel,
.home-page .featured-section,
.home-page .service-card,
.home-page .news-card,
.home-page .why-section,
.home-page .fastpass-section,
.home-page .vip-section,
.home-page .security-section,
.home-page .stats-section,
.home-page .faq-list details {
    background:linear-gradient(145deg,rgba(38,35,27,.94),rgba(14,14,14,.95)) !important;
    border-color:rgba(212,175,55,.46) !important;
}
.home-page .hero-panel,
.home-page .featured-section,
.home-page .why-card,
.home-page .fastpass-content,
.home-page .vip-tiers > div,
.home-page .basket-bonus,
.home-page .security-intro,
.home-page .security-grid article,
.home-page .stats-row,
.home-page .faq-list details,
.home-page .featured-links a {
    border:1px solid rgba(247,217,120,.68) !important;
    box-shadow:0 0 0 1px rgba(212,175,55,.10),0 0 18px rgba(212,175,55,.14),inset 0 0 22px rgba(212,175,55,.035) !important;
}
.home-page .featured-links a:hover,
.home-page .why-card:hover,
.home-page .security-grid article:hover,
.home-page .faq-list details:hover,
.home-page .faq-list details[open] {
    border-color:#f7d978 !important;
    box-shadow:0 0 8px rgba(247,217,120,.72),0 0 28px rgba(212,175,55,.28),inset 0 0 22px rgba(212,175,55,.08) !important;
}
.home-page .service-card,
.home-page .news-card { background:linear-gradient(145deg,rgba(42,38,28,.96),rgba(13,13,13,.96)) !important; }
.home-page .security-intro,
.home-page .security-grid article,
.home-page .stats-row > div,
.home-page .vip-tiers > div { background:rgba(31,29,23,.84) !important; }
.home-page .vip-tiers .vip-max { background:linear-gradient(145deg,#5b481b,#17140d) !important; }
.home-page .stats-section { border-top:1px solid rgba(247,217,120,.55) !important; border-bottom:1px solid rgba(247,217,120,.55) !important; }
@media(max-width:700px){.site-background{background-position:center top !important;background-size:cover !important}}


/* Dernier verrou anti-bleu sur les encadrés de la partie haute */
.home-page .hero-panel,
.home-page .featured-section,
.home-page .featured-links a,
.home-page .service-card,
.home-page .news-card {
    background-color:#25231e !important;
    background-image:linear-gradient(145deg,rgba(48,44,34,.98),rgba(14,14,14,.98)) !important;
    border-color:#d8b94f !important;
}
.home-page .featured-links a:hover,
.home-page .service-card:hover,
.home-page .news-card:hover {
    background-image:linear-gradient(145deg,rgba(83,63,22,.98),rgba(18,16,11,.98)) !important;
    border-color:#ffe58a !important;
}
.home-page .hero-panel::after { background:linear-gradient(90deg,transparent,rgba(255,229,138,.3),transparent) !important; }


/* Suppression définitive de l'ancien voile bleu des cartes */
.home-page .hero-panel::before,
.home-page .featured-section::before,
.home-page .service-card::before,
.home-page .news-card::before { background:none !important; display:none !important; }
.home-page .hero-panel,
.home-page .featured-section,
.home-page .featured-links a,
.home-page .service-card,
.home-page .news-card {
    background:#27251f !important;
    background-image:linear-gradient(145deg,#363328,#151515) !important;
    border:1px solid #e0bd55 !important;
    box-shadow:0 0 5px rgba(224,189,85,.42),0 0 22px rgba(224,189,85,.16),inset 0 0 18px rgba(224,189,85,.06) !important;
}
.home-page .featured-section { background-image:linear-gradient(100deg,#292721,#181713) !important; }
.home-page .service-card:hover,
.home-page .news-card:hover,
.home-page .featured-links a:hover { background-image:linear-gradient(145deg,#5a471c,#1c1810) !important; }


/* Thème secondaire harmonisé avec l'index */
body:not(.home-page) { background:#0d0d0d; }
body:not(.home-page) .site-background { background-color:#101820 !important; background-image:linear-gradient(rgba(7,8,13,.22),rgba(7,8,13,.5)),url('../../image/fond.webp') !important; background-size:cover !important; background-position:center center !important; filter:blur(1px) brightness(.92) saturate(1.08) contrast(1.04); }
body:not(.home-page) .site-header { background:rgba(24,22,17,.78); border:1px solid rgba(224,189,85,.58); box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 22px rgba(212,175,55,.12); }
body:not(.home-page) .auth-card,body:not(.home-page) .client-welcome,body:not(.home-page) .client-placeholder,body:not(.home-page) .support-intro,body:not(.home-page) .ticket-history,body:not(.home-page) .ticket-sidebar,body:not(.home-page) .ticket-chat,body:not(.home-page) .admin-shell,body:not(.home-page) .admin-ticket-layout>aside,body:not(.home-page) .admin-ticket-chat,body:not(.home-page) .shop-card {
    background:linear-gradient(145deg,rgba(42,39,31,.96),rgba(14,14,14,.97)) !important;
    border-color:rgba(224,189,85,.62) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.55),0 0 20px rgba(212,175,55,.12),inset 0 0 22px rgba(212,175,55,.035) !important;
}
body:not(.home-page) .auth-card:hover,body:not(.home-page) .ticket-sidebar:hover,body:not(.home-page) .ticket-chat:hover,body:not(.home-page) .shop-card:hover { border-color:#f7d978 !important; }
body:not(.home-page) .nav-direct-link { display:inline-flex;align-items:center;padding:9px 14px;color:#f7d978;border:1px solid rgba(224,189,85,.35);border-radius:14px;text-decoration:none;white-space:nowrap;transition:.25s ease; }
body:not(.home-page) .nav-direct-link:hover { background:rgba(212,175,55,.13);box-shadow:0 0 16px rgba(247,217,120,.24);transform:translateY(-2px); }
.shop-buy-card { position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(145deg,rgba(51,44,27,.93),rgba(12,12,12,.97)),url('../../image/fond.webp') center/cover !important; }
.shop-buy-card::before { content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.62),rgba(10,10,10,.86) 56%,rgba(10,10,10,.64));z-index:-1;pointer-events:none; }
.buy-card-glow { position:absolute;inset:10px;border:1px solid rgba(247,217,120,.22);border-radius:18px;pointer-events:none;box-shadow:inset 0 0 28px rgba(247,217,120,.06); }
.buy-deco { position:absolute;z-index:0;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 15px rgba(247,217,120,.55));opacity:.9; }
.buy-deco-kamas { top:18px;right:22px;width:92px;height:92px;animation:buyKamasFloat 4s ease-in-out infinite; }
.buy-deco-iop { top:20px;left:22px;width:72px;height:72px;animation:buyIopFloat 5s ease-in-out infinite; }
.shop-buy-card>*:not(.buy-deco):not(.buy-card-glow) { position:relative;z-index:1; }
@keyframes buyKamasFloat { 0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(5deg)} }
@keyframes buyIopFloat { 0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(7px) rotate(-4deg)} }
.shop-buy-card .shop-card-heading { padding-left:62px;padding-right:92px; }
.shop-buy-card .shop-form { max-width:720px;margin:auto; }
.shop-buy-card .quantity-field { max-width:330px; }
.shop-buy-card .quantity-input { max-width:260px;font-size:19px;font-weight:700;letter-spacing:.4px; }
.shop-buy-card .live-total { max-width:720px;margin-left:auto;margin-right:auto; }
@media(max-width:600px){.buy-deco-kamas{width:65px;height:65px;right:12px}.buy-deco-iop{width:55px;height:55px;left:12px}.shop-buy-card .shop-card-heading{padding-left:45px;padding-right:65px}.shop-buy-card .quantity-field,.shop-buy-card .quantity-input{max-width:100%}}


/* Rachat de kamas et centre admin */
.sell-notice,.success-box{margin:20px 0;padding:16px 19px;color:#d9d0b3;background:rgba(82,63,22,.28);border:1px solid rgba(247,217,120,.42);border-radius:13px}.success-box{color:#d5f1dc;background:rgba(29,78,45,.36);border-color:#5aa975}.success-box strong{color:#a7e8ba}.success-box a{display:inline-block;margin-top:8px;color:#f7d978}.sell-card textarea{width:100%;min-height:105px;padding:13px;color:#fff;background:#080808;border:1px solid #604d29;border-radius:11px;resize:vertical}.admin-dashboard{max-width:1100px;min-height:100vh;margin:auto;padding:50px 28px 100px}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:55px 0 35px}.admin-heading h1{margin:0 0 10px;font:700 clamp(38px,6vw,66px) Georgia,serif}.admin-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.admin-module{display:flex;align-items:center;gap:18px;padding:27px;color:#fff;background:linear-gradient(145deg,#363328,#141414);border:1px solid #d8b94f;border-radius:22px;text-decoration:none;box-shadow:0 0 20px rgba(212,175,55,.12);transition:.3s ease}.admin-module:hover{transform:translateY(-7px);border-color:#ffe58a;box-shadow:0 0 30px rgba(247,217,120,.25)}.admin-module-icon{display:grid;place-items:center;width:58px;height:58px;color:#17130a;background:linear-gradient(145deg,#ffe58a,#b68b25);border-radius:17px;font-size:29px}.admin-module span:nth-child(2){display:grid;gap:3px;flex:1}.admin-module small,.request-number{color:#f7d978;font-size:11px;letter-spacing:1.3px}.admin-module strong{font:700 25px Georgia,serif}.admin-module em{color:#b9b4a6;font-size:12px;font-style:normal}.admin-module>b{color:#f7d978;font-size:27px}.admin-future{margin-top:25px;padding:32px;text-align:center;background:rgba(35,32,25,.82);border:1px solid rgba(224,189,85,.5);border-radius:22px}.admin-future h2{font:700 30px Georgia,serif}.sell-admin-list{display:grid;gap:17px}.sell-admin-row{padding:23px;background:linear-gradient(145deg,#363328,#141414);border:1px solid rgba(224,189,85,.6);border-radius:20px;box-shadow:0 0 19px rgba(212,175,55,.1)}.sell-admin-main{display:flex;justify-content:space-between;gap:25px}.sell-admin-main h2{margin:6px 0;font:700 25px Georgia,serif}.sell-admin-main p{margin:0;color:#c1bdaF}.sell-admin-main p strong{color:#f7d978}.sell-client{display:grid;align-content:start;gap:3px;min-width:210px;text-align:right}.sell-client span,.sell-client small{color:#aaa;font-size:12px}.sell-note{margin:17px 0;padding:12px;color:#d2c9ac;background:#16140f;border-left:3px solid #d8b94f;border-radius:8px}.sell-admin-actions{display:flex;gap:9px;margin-top:18px}.sell-admin-actions select,.sell-admin-actions input{min-width:150px;padding:11px;color:#fff;background:#090909;border:1px solid #604d29;border-radius:9px}.sell-admin-actions input{flex:1}.sell-admin-actions .button{min-height:42px;padding:8px 16px}@media(max-width:700px){.admin-heading,.sell-admin-main{align-items:flex-start;flex-direction:column}.admin-cards{grid-template-columns:1fr}.sell-client{text-align:left}.sell-admin-actions{flex-direction:column}.sell-admin-actions select,.sell-admin-actions input{width:100%}}


/* Catalogue Items */
.items-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px;padding:15px 20px;color:#c8c1a9;background:rgba(35,32,25,.78);border:1px solid rgba(224,189,85,.4);border-radius:14px}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.item-card{overflow:hidden;background:linear-gradient(145deg,#363328,#141414);border:1px solid rgba(224,189,85,.62);border-radius:21px;box-shadow:0 16px 34px rgba(0,0,0,.44),0 0 18px rgba(212,175,55,.11);transition:.3s ease}.item-card:hover{transform:translateY(-7px);border-color:#ffe58a;box-shadow:0 20px 44px #000,0 0 27px rgba(247,217,120,.24)}.item-image-wrap{position:relative;display:grid;place-items:center;height:210px;background:radial-gradient(circle at 50% 35%,rgba(247,217,120,.18),transparent 58%),#171611;border-bottom:1px solid rgba(224,189,85,.35)}.item-image-wrap img{width:155px;height:155px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(247,217,120,.4));transition:.3s}.item-card:hover .item-image-wrap img{transform:scale(1.08) rotate(2deg)}.item-placeholder{color:#d9b850;font-size:70px}.item-badge{position:absolute;top:13px;right:13px;padding:5px 9px;color:#adf0c2;background:#173a25;border:1px solid #58ad75;border-radius:999px;font-size:10px;text-transform:uppercase}.item-card-body{padding:23px}.item-card-body h2{margin:3px 0 9px;font:700 25px Georgia,serif}.item-card-body>p:not(.section-label){min-height:70px;color:#bab5a7;font-size:14px}.item-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:19px;padding-top:16px;border-top:1px solid rgba(224,189,85,.22)}.item-card-bottom strong{color:#f7d978;font:700 24px Georgia,serif}.item-card-bottom .button{min-height:37px;padding:8px 11px;font-size:11px;opacity:.65}.items-price-reference{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;margin-top:30px}.items-price-reference h2,.item-price-aside h2,.admin-items-list>h2{margin:0 0 8px;font:700 29px Georgia,serif}.items-price-reference .server-price-grid,.item-price-aside .server-price-grid{margin:0;grid-template-columns:1fr}.item-admin-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.item-form{display:grid;gap:17px}.item-form label{display:grid;gap:7px;color:#ddd;font-weight:700}.item-form input:not([type=checkbox]),.item-form textarea{width:100%;padding:12px;color:#fff;background:#080808;border:1px solid #604d29;border-radius:9px}.item-form textarea{min-height:130px;resize:vertical}.item-form input[type=file]{padding:9px}.item-form small{color:#aaa;font-weight:400}.item-price-aside{height:max-content}.admin-items-list{margin-top:28px}.admin-item-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:11px;padding:13px 17px;background:linear-gradient(145deg,#363328,#141414);border:1px solid rgba(224,189,85,.5);border-radius:15px}.admin-item-row>div{display:flex;align-items:center;gap:12px}.admin-item-row img{width:58px;height:58px;object-fit:contain}.admin-item-row span{display:grid;gap:3px}.admin-item-row small{color:#aaa}.admin-item-row>span{display:flex;align-items:center;gap:8px}.admin-item-row .button{min-height:35px;padding:7px 11px;font-size:12px}.admin-item-row .remove-button{display:inline-flex;align-items:center;min-height:35px;padding:7px 11px;text-decoration:none;font-size:12px}@media(max-width:850px){.items-grid{grid-template-columns:repeat(2,1fr)}.item-admin-layout,.items-price-reference{grid-template-columns:1fr}}@media(max-width:560px){.items-grid{grid-template-columns:1fr}.items-toolbar,.admin-item-row{align-items:flex-start;flex-direction:column}.admin-item-row>span{width:100%}}


/* Widget support global : label visible hors de l'index également */
body .support-fab { overflow:visible !important; isolation:isolate; }
body .support-fab-label { display:block !important; z-index:10001; opacity:1 !important; visibility:visible !important; pointer-events:none; }
body .support-fab img { animation:globalSupportShake 2.6s ease-in-out infinite !important; filter:drop-shadow(0 0 8px #f7d978) drop-shadow(0 0 21px rgba(212,175,55,.65)) !important; }
@keyframes globalSupportShake { 0%,68%,100%{transform:rotate(0) scale(1)} 72%{transform:rotate(-8deg) scale(1.04)} 76%{transform:rotate(8deg) scale(1.08)} 80%{transform:rotate(-5deg) scale(1.04)} 84%{transform:rotate(0) scale(1)} }
body .support-fab-label { text-shadow:0 0 6px #f7d978,0 0 15px rgba(247,217,120,.65); animation:globalHelpShake 2.6s ease-in-out infinite !important; }
@keyframes globalHelpShake { 0%,68%,100%{transform:translateY(-50%) rotate(0);filter:brightness(1)} 74%{transform:translateY(-50%) rotate(-4deg);filter:brightness(1.25)} 80%{transform:translateY(-50%) rotate(4deg);filter:brightness(1.25)} 86%{transform:translateY(-50%) rotate(0);filter:brightness(1)} }
/* Décoration dédiée au catalogue Items */
.items-page { position:relative; }
.items-page::before { content:"";position:absolute;top:205px;right:-40px;width:250px;height:250px;background:url('../../image/IOP.webp') center/contain no-repeat;opacity:.15;filter:drop-shadow(0 0 18px #f7d978);animation:itemIopFloat 6s ease-in-out infinite;pointer-events:none; }
.items-page::after { content:"";position:absolute;top:70px;left:-80px;width:440px;height:260px;background:linear-gradient(90deg,rgba(20,17,8,.1),rgba(212,175,55,.12)),url('../../image/fond.webp') center/cover no-repeat;opacity:.16;border-radius:30px;filter:saturate(1.35);pointer-events:none; }
@keyframes itemIopFloat { 0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-12px) rotate(-4deg)} }
.items-page>* { position:relative;z-index:1; }
@media(max-width:600px){.support-fab-label{right:57px!important}.items-page::before{right:-80px;width:190px;height:190px}.items-page::after{left:-150px;width:350px}}


/* Fond intégré proprement dans chaque carte Item */
.items-page::after { display:none !important; }
.item-card .item-image-wrap { background-image:linear-gradient(rgba(18,16,10,.42),rgba(18,16,10,.72)),url('../../image/fond.webp') !important; background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:inset 0 0 35px rgba(247,217,120,.13); }
.item-card .item-image-wrap::after { content:""; position:absolute; inset:0; border:1px solid rgba(247,217,120,.32); pointer-events:none; }
.item-card .item-image-wrap img,.item-card .item-image-wrap .item-placeholder { position:relative; z-index:1; }


/* État vide du catalogue : fond intégré dans l'encadré boutique */
.items-page .empty-cart { position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(rgba(18,16,10,.48),rgba(14,14,14,.72)),url('../../image/fond.webp') center/cover no-repeat !important; border-color:#e0bd55 !important; box-shadow:0 0 8px rgba(224,189,85,.38),0 0 28px rgba(212,175,55,.16),inset 0 0 35px rgba(247,217,120,.09) !important; }
.items-page .empty-cart::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 35%,rgba(247,217,120,.18),transparent 58%); z-index:-1; pointer-events:none; }
.items-page .empty-cart h2,.items-page .empty-cart p,.items-page .empty-cart a { position:relative; z-index:1; }

.items-toolbar{gap:14px;flex-wrap:wrap}.items-filter{display:flex;align-items:center;gap:8px;margin-left:auto}.items-filter label{color:#d8c98e;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.items-filter select{min-width:145px;padding:9px 12px;color:#f7d978;background:#111;border:1px solid rgba(224,189,85,.65);border-radius:10px}.item-card-body .section-label{color:#f7d978}

.item-form select{width:100%;padding:12px;color:#fff;background:#080808;border:1px solid #604d29;border-radius:9px}
/* À copier à la fin de assets/css/style.css si nécessaire */
.accounts-page .accounts-empty{background:linear-gradient(rgba(18,16,10,.48),rgba(14,14,14,.72)),url('../../image/fond.webp') center/cover no-repeat!important}
.accounts-page .item-card-body .section-label{color:#f7d978}
.accounts-page .account-card .item-image-wrap{background-image:linear-gradient(rgba(18,16,10,.42),rgba(18,16,10,.72)),url('../../image/fond.webp');background-position:center;background-size:cover;box-shadow:inset 0 0 35px rgba(247,217,120,.13)}
.account-card .item-image-wrap::after{content:"";position:absolute;inset:0;border:1px solid rgba(247,217,120,.32);pointer-events:none}
.account-card .item-image-wrap img,.account-card .item-image-wrap .item-placeholder{position:relative;z-index:1}
.order-history{display:grid;gap:16px}.order-history-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.order-history-row h2{margin:4px 0;font:700 22px Georgia,serif}.order-history-row small{color:#aaa}.order-history-row>div:last-child{display:grid;gap:8px;text-align:right}.order-status{padding:6px 10px;color:#f7d978;background:rgba(212,175,55,.13);border:1px solid rgba(247,217,120,.4);border-radius:999px;font-size:12px}@media(max-width:600px){.order-history-row{align-items:flex-start;flex-direction:column}.order-history-row>div:last-child{text-align:left}}
.client-orders-card{margin-top:24px}.client-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.client-section-heading h2{margin:4px 0 0;font:700 30px Georgia,serif}.client-section-heading>strong{color:#f7d978}.client-order-list{display:grid;gap:10px}.client-order-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-top:1px solid rgba(224,189,85,.2)}.client-order-row h3{margin:4px 0;font-size:18px}.client-order-row small{color:#aaa}.client-order-meta{display:grid;justify-items:end;gap:7px}.client-order-meta>strong{color:#f7d978;font:700 20px Georgia,serif}.client-all-orders{display:inline-block;margin-top:18px}@media(max-width:600px){.client-section-heading,.client-order-row{align-items:flex-start;flex-direction:column}.client-order-meta{justify-items:start}}
.delivery-card{position:relative;overflow:hidden;margin-bottom:25px;background:linear-gradient(145deg,rgba(47,42,29,.96),rgba(14,14,14,.98))!important}.delivery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.delivery-heading h2{margin:4px 0;font:700 31px Georgia,serif}.delivery-heading img{width:120px;height:72px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(247,217,120,.5));animation:deliveryServerFloat 4s ease-in-out infinite}.delivery-timeline{position:relative;max-width:850px;margin:20px auto 0}.delivery-timeline:before{content:"";position:absolute;left:31px;top:34px;bottom:34px;width:2px;background:linear-gradient(#f7d978,rgba(247,217,120,.12));box-shadow:0 0 12px rgba(247,217,120,.5)}.delivery-step{position:relative;display:grid;grid-template-columns:45px 78px 1fr;align-items:center;gap:16px;padding:18px 0}.delivery-number{display:grid;place-items:center;width:35px;height:35px;color:#17130a;background:linear-gradient(145deg,#ffe98e,#af8422);border:2px solid #f7d978;border-radius:50%;font-weight:800;font-size:11px;z-index:1;box-shadow:0 0 14px rgba(247,217,120,.4)}.delivery-icon{display:grid;place-items:center;width:66px;height:66px;background:rgba(15,14,11,.9);border:1px solid rgba(247,217,120,.5);border-radius:18px;box-shadow:0 0 18px rgba(247,217,120,.15)}.delivery-icon img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(247,217,120,.5))}.delivery-step h3{margin:0 0 6px;color:#f7d978;font-size:19px}.delivery-step p{margin:0;color:#c8c1af;line-height:1.55}.delivery-step small{display:block;margin-top:6px;color:#aaa;font-size:12px}.delivery-check{color:#17130a;background:linear-gradient(145deg,#ffe98e,#af8422);font-size:29px;font-weight:800}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(247,217,120,.22)}.trust-grid>div{display:grid;gap:5px;padding:13px;background:rgba(19,17,12,.65);border:1px solid rgba(224,189,85,.32);border-radius:13px}.trust-grid strong{color:#f7d978;font-size:13px}.trust-grid span{color:#aaa;font-size:11px;line-height:1.4}.delivery-notice{position:relative;display:flex;align-items:center;gap:25px;overflow:hidden;margin-top:25px}.delivery-notice>img{width:190px;height:105px;object-fit:cover;border-radius:15px;opacity:.65;filter:saturate(1.2)}.delivery-notice h2{margin:4px 0 7px;font:700 27px Georgia,serif}.delivery-notice p{color:#c8c1af;line-height:1.55}.delivery-notice strong{color:#f7d978}@keyframes deliveryServerFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@media(max-width:700px){.delivery-heading{align-items:flex-start}.delivery-heading img{width:90px}.delivery-step{grid-template-columns:40px 58px 1fr;gap:10px}.delivery-icon{width:54px;height:54px}.delivery-icon img{width:40px;height:40px}.delivery-step h3{font-size:16px}.trust-grid{grid-template-columns:1fr 1fr}.delivery-notice{align-items:flex-start;flex-direction:column}.delivery-notice>img{width:100%;height:130px}.delivery-timeline:before{left:27px}}
.sell-request-number,.sell-reward-code{display:inline-block;margin:5px 0 10px;padding:9px 13px;color:#17130a;background:linear-gradient(145deg,#ffe98e,#bd9028);border-radius:9px;letter-spacing:1px}.sell-security{display:flex;align-items:flex-start;gap:20px;margin-top:25px;background:linear-gradient(145deg,rgba(52,31,22,.95),rgba(18,13,11,.98))!important;border-color:rgba(236,141,86,.62)!important}.security-icon{display:grid;place-items:center;flex:0 0 52px;height:52px;color:#27140d;background:linear-gradient(145deg,#ffbf77,#bb5429);border-radius:16px;font-size:30px;font-weight:900;box-shadow:0 0 18px rgba(236,141,86,.35)}.sell-security h2,.sell-reward h2{margin:4px 0 10px;font:700 28px Georgia,serif}.sell-security ul{display:grid;gap:9px;margin:0;padding-left:20px;color:#d1c0ae;line-height:1.5}.sell-security li::marker{color:#f0a36b}.sell-security strong{color:#ffbf77}.sell-reward{display:flex;align-items:center;gap:22px;margin-top:18px}.sell-reward>img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(247,217,120,.55));animation:rewardFloat 4s ease-in-out infinite}.sell-reward p{color:#c8c1af}.sell-reward strong{color:#f7d978}@keyframes rewardFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}@media(max-width:600px){.sell-security,.sell-reward{align-items:flex-start;flex-direction:column}}
.sell-payment{color:#c8c1af}.sell-payment strong{color:#f7d978}
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;gap:4px;flex-direction:column;width:48px;height:44px;padding:7px;color:#f7d978;background:rgba(20,18,13,.8);border:1px solid rgba(247,217,120,.55);border-radius:13px;cursor:pointer}.mobile-menu-toggle span{display:block;width:23px;height:2px;background:#f7d978;border-radius:2px;transition:.25s}.mobile-menu-toggle b{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:820px){.site-header{position:relative;z-index:100}.header-inner{position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:10px 12px!important}.brand img{max-width:116px!important;height:auto}.mobile-menu-toggle{display:flex;order:2;flex:0 0 auto}.header-button{order:3!important;padding:9px 11px!important;font-size:10px!important}.main-nav{display:none!important;position:absolute;top:calc(100% + 10px);left:10px;right:10px;z-index:200;max-height:calc(100vh - 90px);overflow-y:auto;padding:12px!important;background:rgba(22,20,15,.98)!important;border:1px solid rgba(224,189,85,.72)!important;border-radius:18px!important;box-shadow:0 18px 40px rgba(0,0,0,.7),0 0 24px rgba(247,217,120,.17)}.main-nav.mobile-open{display:grid!important;gap:6px}.main-nav .nav-group{display:block!important;border-bottom:1px solid rgba(224,189,85,.17)}.main-nav .nav-group:last-child{border-bottom:0}.main-nav .nav-trigger{display:flex!important;align-items:center!important;width:100%!important;min-height:52px!important;padding:8px 10px!important;color:#f7d978!important;background:transparent!important;border:0!important;border-radius:12px!important;font-size:15px!important;text-align:left!important}.main-nav .nav-trigger img{width:34px!important;height:34px!important;object-fit:contain!important;margin-right:10px!important;filter:drop-shadow(0 0 7px rgba(247,217,120,.45))}.main-nav .nav-trigger span{margin-left:auto!important;font-size:20px!important;transition:.2s}.main-nav .nav-group.mobile-sub-open .nav-trigger{background:rgba(212,175,55,.14)!important;box-shadow:inset 0 0 16px rgba(247,217,120,.08)}.main-nav .nav-group.mobile-sub-open .nav-trigger span{transform:rotate(180deg)}.main-nav .nav-dropdown{display:none!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;padding:0 8px 8px 54px!important;background:transparent!important;border:0!important;box-shadow:none!important}.main-nav .nav-group.mobile-sub-open .nav-dropdown{display:grid!important;gap:4px}.main-nav .nav-dropdown a{display:block!important;padding:10px 12px!important;color:#d9d0b3!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(224,189,85,.14)!important;border-radius:9px!important;font-size:13px!important}.main-nav .nav-dropdown a:hover{color:#f7d978!important;background:rgba(212,175,55,.13)!important}.menu-is-open:after{content:"";position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.35);pointer-events:none}.page-content,.shop-page,.client-page,.auth-page{padding-left:12px!important;padding-right:12px!important}.shop-hero h1,.hero-section h1{font-size:clamp(34px,10vw,60px)!important}.shop-card,.delivery-card,.client-orders-card{padding:20px 15px!important}.server-price-grid{grid-template-columns:1fr!important}.shop-card-heading,.delivery-heading{align-items:flex-start!important}.shop-card-heading h2,.delivery-heading h2{font-size:25px!important}.shop-form{width:100%!important}.quantity-input{max-width:100%!important}.items-toolbar{align-items:stretch!important}.items-filter{margin-left:0!important;order:3;width:100%;justify-content:space-between}.items-filter select{flex:1}.items-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}.site-footer{padding:35px 18px!important}}
@media(max-width:430px){.header-button{font-size:0!important;min-width:42px!important}.header-button:after{content:"🛒";font-size:17px}.brand img{max-width:100px!important}.footer-grid{grid-template-columns:1fr!important}.delivery-step{grid-template-columns:34px 50px 1fr!important;gap:7px!important}.delivery-step p{font-size:13px}.delivery-step small{font-size:11px}.trust-grid{grid-template-columns:1fr!important}}