

.boutik{--c:color-mix(in srgb,var(--coral,#FFDDAA) 62%,#fff)}
.boutik .sachet .rien{position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;color:rgba(0,0,0,.20);font-size:34px}
.vide-rayon{padding:clamp(40px,7vh,90px) 0;color:var(--mute);font-size:17px}


.boutik .gcph{display:flex;align-items:center;justify-content:center;background:#fff}
.gcmini{width:52%;aspect-ratio:2/3;background:#f6f3ec;border:1px solid var(--line);border-radius:10px;overflow:hidden;
  box-shadow:0 14px 30px -12px rgba(27,27,47,.35);display:flex;flex-direction:column;align-items:center;
  text-align:center;font-family:Georgia,"Times New Roman",serif;transition:transform .35s}
.sachet:hover .gcmini{transform:translateY(-4px) rotate(-1.5deg)}
@media (prefers-reduced-motion:reduce){.sachet:hover .gcmini{transform:none}}
.gcmini .b{align-self:stretch;height:9%;background:var(--gc)}
.gcmini .t{margin-top:12%;padding:0 8%;font-size:clamp(10px,1.1vw,13px);font-weight:600;line-height:1.15;color:var(--gc)}
.gcmini .k{margin-top:8%;font-family:system-ui,sans-serif;font-size:7px;letter-spacing:.2em;text-transform:uppercase;color:#928b7c}
.gcmini .m{font-size:clamp(20px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;color:#22201b}
.gcmini .c{margin:auto 10% 10%;align-self:stretch;padding:5px;border:1px dashed #cfc7b6;border-radius:6px;background:#fffdf7;
  font-family:system-ui,sans-serif;font-size:6.5px;letter-spacing:.12em;text-transform:uppercase;color:#928b7c}
