/* ===== Bon cadeau — style rouge & or (site + générateur) =====
   Toutes les tailles sont relatives à la largeur de la carte (cqw) : la même carte s'affiche
   en petit sur le site et en A5 à l'impression. */
/* Polices (OFL) hébergées sur le site */
@font-face{font-family:"Kaushan Script";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/bon/kaushan-script-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/bon/cinzel-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/bon/josefin-sans-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/bon/josefin-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Josefin Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/bon/josefin-sans-latin-600-normal.woff2) format("woff2")}
.bon-box{container-type:inline-size;width:100%}
.bon{position:relative;width:100%;aspect-ratio:210/148;overflow:hidden;border-radius:2.6cqw;color:#f3d98b;
  background:
    radial-gradient(120% 90% at 50% 45%,#d7192f 0%,#b8102a 55%,#8c0b1f 100%);
  font-family:"Josefin Sans","DM Sans",sans-serif;text-align:center;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
/* grain léger */
.bon::before{content:"";position:absolute;inset:0;opacity:.18;mix-blend-mode:overlay;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* fines paillettes dorées */
.bon::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:radial-gradient(circle,#f3d98b 0 .18cqw,transparent .22cqw),radial-gradient(circle,#f3d98b 0 .12cqw,transparent .16cqw);
  background-size:9cqw 8cqw,6.5cqw 7cqw;background-position:1cqw 2cqw,4cqw 5cqw;
  -webkit-mask-image:radial-gradient(80% 70% at 50% 50%,transparent 45%,#000 100%);mask-image:radial-gradient(80% 70% at 50% 50%,transparent 45%,#000 100%)}
.bon > *{position:relative;z-index:1}
.bon svg{position:absolute;z-index:1;overflow:visible}
.bon .bon-gift{top:3.5%;left:50%;width:19cqw;transform:translateX(-50%)}
.bon .bon-curl-a{top:-7%;left:-7%;width:26cqw}
.bon .bon-curl-b{bottom:-7%;right:-7%;width:26cqw;transform:rotate(180deg)}
.bon .bon-star{width:3cqw}
.bon-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20% 8% 19%}
.bon-name{font-family:"Cinzel",Georgia,serif;font-weight:600;color:#fff;font-size:5cqw;line-height:1.1;letter-spacing:.04em;
  background:rgba(120,6,22,.55);padding:1.2cqw 6cqw;margin-bottom:2.6cqw;min-width:46%}
.bon-k{font-weight:300;font-size:3.2cqw;text-transform:uppercase;letter-spacing:.42em;margin-right:-.42em;line-height:1;color:#f3d98b}
.bon-title{font-family:"Kaushan Script","Brush Script MT",cursive;font-size:10.5cqw;line-height:1.1;margin:.4cqw 0 2cqw;
  background:linear-gradient(100deg,#b8862a 0%,#f7e3a1 22%,#d9ad48 45%,#fbeab5 62%,#c4923a 82%,#f1d27e 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 .25cqw .2cqw rgba(70,0,10,.35))}
.bon-detail{font-size:2.4cqw;letter-spacing:.08em;text-transform:uppercase;line-height:1.35;color:#f6e2a6;max-width:92%}
.bon-detail small{display:block;font-size:.82em}
.bon-foot{position:absolute;left:6%;right:6%;bottom:5%;font-size:1.75cqw;letter-spacing:.09em;text-transform:uppercase;line-height:1.6;color:rgba(246,226,166,.85)}
.bon-foot b{color:#f6e2a6;font-weight:600}
.bon-no{position:absolute;top:4.5%;right:5%;font-size:1.7cqw;letter-spacing:.12em;color:rgba(246,226,166,.85);text-align:right}
.bon-brand{position:absolute;top:5%;left:50%;transform:translateX(-50%);display:none;font-size:1.6cqw;letter-spacing:.3em;color:rgba(246,226,166,.8);text-transform:uppercase;font-weight:400}
.bon-num{position:absolute;top:5%;left:6%;z-index:2;font-family:"Cinzel",Georgia,serif;font-weight:600;font-size:17cqw;line-height:.9;
  background:linear-gradient(160deg,#fbeab5 0%,#e2b85a 45%,#b8862a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 .4cqw .4cqw rgba(70,0,10,.35))}