/* FOND "VERRE SUR MANGA" (gris, blanc, noir) : site public uniquement.
   Pour mettre votre propre image : ajoutez dans web/ un fichier fond.jpg puis
   remplacez --fond-image par url("/fond.jpg"). */
:root{--fond-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 1000%22 preserveAspectRatio=%22xMidYMin slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22a%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%2317171A%22/%3E%3Cstop offset=%221%22 stop-color=%22%236E6E75%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22b%22 x1=%221%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23C8C8CE%22/%3E%3Cstop offset=%221%22 stop-color=%22%233A3A40%22/%3E%3C/linearGradient%3E%3Cpattern id=%22d%22 width=%2210%22 height=%2210%22 patternUnits=%22userSpaceOnUse%22%3E%3Ccircle cx=%225%22 cy=%225%22 r=%221.2%22 fill=%22%2355555B%22/%3E%3C/pattern%3E%3CradialGradient id=%22s%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.55%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx=%221020%22 cy=%22300%22 r=%22520%22 fill=%22url(%23s)%22/%3E%3Crect width=%221440%22 height=%221000%22 fill=%22url(%23d)%22 opacity=%22.35%22/%3E%3Cpath d=%22M700 0C900 120 1100 40 1300 0H1440V700C1380 520 1240 420 1120 470C1000 520 1020 700 1160 760C960 820 760 640 760 420C760 260 700 160 700 0Z%22 fill=%22url(%23a)%22 opacity=%22.9%22/%3E%3Cpath d=%22M900 0C1000 160 1220 160 1440 60V420C1340 300 1180 260 1100 330C1040 380 1060 470 1160 520C1020 520 900 400 900 260Z%22 fill=%22url(%23b)%22 opacity=%22.8%22/%3E%3Cpath d=%22M820 520C900 760 1040 960 1440 1020V1180C1100 1180 880 980 780 640Z%22 fill=%22url(%23a)%22 opacity=%22.6%22/%3E%3Cg stroke=%22%23fff%22 stroke-width=%222%22 fill=%22none%22 opacity=%22.25%22%3E%3Cpath d=%22M760 80L1440 20M740 160L1440 120M760 260L1440 240M780 360L1440 380%22/%3E%3C/g%3E%3Cg fill=%22%23fff%22 opacity=%22.85%22%3E%3Cellipse cx=%22640%22 cy=%22240%22 rx=%2226%22 ry=%229%22 transform=%22rotate(-30 640 240)%22/%3E%3Cellipse cx=%221290%22 cy=%22640%22 rx=%2222%22 ry=%228%22 transform=%22rotate(20 1290 640)%22/%3E%3Cellipse cx=%22560%22 cy=%22700%22 rx=%2216%22 ry=%226%22 transform=%22rotate(-50 560 700)%22/%3E%3Cellipse cx=%221380%22 cy=%22260%22 rx=%2218%22 ry=%226%22 transform=%22rotate(35 1380 260)%22/%3E%3C/g%3E%3C/svg%3E")}
html{background:#09090A}
body{background:transparent!important}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--fond-image) center top/cover no-repeat,radial-gradient(900px 500px at 78% 8%,rgba(255,255,255,.10),transparent 70%),#09090A;pointer-events:none}
/* verre dépoli : seulement sur quelques grands éléments (léger pour le téléphone) */
header{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03))!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.14)!important}
.hero-copy-new{padding:34px;border-radius:28px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.04));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.catalog-info,.purchase-banner,.home-about,.social-new{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.16)!important}
.card,.home-card,.step-card{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.16)!important}
.preview,.main-photo{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.03))!important}
.hero-visual,.hero-visual-new{background:transparent!important}
@media(max-width:900px){.hero-copy-new{padding:22px;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(160deg,rgba(20,20,22,.78),rgba(20,20,22,.6))}header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(14,14,16,.9)!important}}
#heroVisual span{color:#F4F4F5!important;background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.25)!important}
