/* ERYX MAROC | intégration premium, structure et optimisation web. */
/* =========================================================
   Composants réutilisables : boutons, tags, modals, actions.
   ========================================================= */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:13px 20px;font-weight:900;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;box-shadow:0 16px 34px rgba(10,123,69,.26)}.btn-ghost{background:#fff;color:var(--green);border:1px solid var(--line)}.btn-small{padding:10px 15px;font-size:.9rem;background:var(--green);color:#fff}.btn-full{width:100%;min-height:52px}.btn .icon{width:18px;height:18px}
.icon{width:20px;height:20px;flex:0 0 auto}.icon-small{width:13px;height:13px}.tag{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.tag-green{background:rgba(10,123,69,.1);color:var(--green)}.tag-light{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.28)}.tag-dark{background:#071f17;color:#fff}.tag-gold{background:rgba(201,154,52,.14);color:#8d6414}
.footer{padding:26px 0;background:#061b14;color:#c7e1d3}.footer-grid{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:.92rem;text-align:center}
.float-action{position:fixed;z-index:40;display:inline-flex;align-items:center;justify-content:center;border:0;box-shadow:0 18px 42px rgba(0,0,0,.2);transition:.25s var(--ease)}.go-top{left:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#fff;color:var(--green);opacity:0;transform:translateY(18px);pointer-events:none}.go-top.is-visible{opacity:1;transform:none;pointer-events:auto}.go-top .icon{width:26px;height:26px}.whatsapp{right:22px;bottom:22px;width:auto;min-width:58px;height:54px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#19b457,#0d8f49);color:#fff;gap:9px;font-weight:900;letter-spacing:.01em}.whatsapp:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(13,143,73,.32)}.whatsapp .icon{width:26px;height:26px}.whatsapp span{font-size:.92rem}
.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:22px;opacity:0;pointer-events:none;transition:opacity .28s var(--ease)}.modal.is-open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:rgba(4,16,12,.72);backdrop-filter:blur(24px)}.modal-content{position:relative;width:min(940px,100%);border-radius:28px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.5);box-shadow:0 30px 100px rgba(0,0,0,.36);padding:16px;transform:translateY(18px) scale(.98);transition:.28s var(--ease)}.modal.is-open .modal-content{transform:none}.modal-close{position:absolute;right:16px;top:16px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--dark);box-shadow:var(--shadow-soft)}.modal-frame{border-radius:22px;overflow:hidden;background:#071f17}.modal-frame img,.modal-frame iframe{width:100%;height:min(62vh,560px);display:block;object-fit:cover;border:0}.modal-content h3{padding:16px 8px 2px;margin:0}.modal-open{overflow:hidden}