:root{ --bg:#f6f8fb; --card:#fff; --muted:#e6e8ec; --text:#111; --accent:#2b5cff; --accent-2:#2349d6; --radius:12px; }
.m24-topbar{ background:var(--accent); color:#fff; font-weight:600; }
.m24-topbar__inner{ max-width:1200px; margin:0 auto; padding:.6rem 1rem; display:flex; align-items:center; justify-content:center; gap:.75rem; position:relative; }
.m24-topbar a{ color:#fff; text-decoration:none; }
.m24-topbar__close{ position:absolute; right:8px; top:50%; transform:translateY(-50%); border:0; background:transparent; color:#fff; font-size:22px; cursor:pointer; }

.m24-slider{ width:100%; height:var(--m24-h,520px); }
.m24-slider .swiper-slide{ display:flex; align-items:center; justify-content:center; background:#eef2f7; }
.m24-slider img{ width:100%; height:100%; object-fit:cover; border-radius:12px; }

.m24-socials{ list-style:none; display:flex; gap:.6rem; padding:0; margin:0; }
.m24-socials a{ width:36px; height:36px; display:grid; place-items:center; background:var(--card); border-radius:999px; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.m24-icon{ width:18px; height:18px; display:inline-block; background:currentColor; color:var(--text); mask-size:cover; -webkit-mask-size:cover; }
.m24-icon-facebook{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M13 3h4a1 1 0 0 1 1 1v3h-3a1 1 0 0 0-1 1v3h4l-1 4h-3v7h-4v-7H7v-4h3V8a5 5 0 0 1 5-5Z"/></svg>'); -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23000' d='M13 3h4a1 1 0 0 1 1 1v3h-3a1 1 0 0 0-1 1v3h4l-1 4h-3v7h-4v-7H7v-4h3V8a5 5 0 0 1 5-5Z'/></svg>"); }
.m24-icon-instagram{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z" fill="%23000"/></svg>'); -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z' fill='%23000'/></svg>"); }
.m24-icon-linkedin{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 8h4v12H6zM8 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm6 4h3a3 3 0 0 1 3 3v9h-4v-8a1 1 0 0 0-2 0v8h-4V8h4z" fill="%23000"/></svg>'); -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 8h4v12H6zM8 4a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm6 4h3a3 3 0 0 1 3 3v9h-4v-8a1 1 0 0 0-2 0v8h-4V8h4z' fill='%23000'/></svg>"); }
.m24-icon-tiktok{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16 3c1 2 2 3 4 4v3c-2 0-3-.5-4-1v6a6 6 0 1 1-6-6c.5 0 1 0 1 .1V12a3 3 0 1 0 3 3V3h2z" fill="%23000"/></svg>'); -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16 3c1 2 2 3 4 4v3c-2 0-3-.5-4-1v6a6 6 0 1 1-6-6c.5 0 1 0 1 .1V12a3 3 0 1 0 3 3V3h2z' fill='%23000'/></svg>"); }
.m24-icon-x{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4l7 8-7 8h4l5-6 5 6h4l-7-8 7-8h-4l-5 6-5-6H4z" fill="%23000"/></svg>'); -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 4l7 8-7 8h4l5-6 5 6h4l-7-8 7-8h-4l-5 6-5-6H4z' fill='%23000'/></svg>"); }

.m24-cart-link{ display:inline-grid; grid-auto-flow:column; align-items:center; gap:.4rem; }
.m24-cart-icon{ width:26px; height:26px; background:currentColor; color:var(--text); mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 4h-2l-1 2h2l3.6 7.59-1.35 2.44A2 2 0 0 0 10 19h9v-2H10.42a.25.25 0 0 1-.22-.37L11 15h6.55a2 2 0 0 0 1.79-1.11L22 7H6.31l-.94-2zM7 20a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 .001 3.999A2 2 0 0 0 17 20z"/></svg>'); -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7 4h-2l-1 2h2l3.6 7.59-1.35 2.44A2 2 0 0 0 10 19h9v-2H10.42a.25.25 0 0 1-.22-.37L11 15h6.55a2 2 0 0 0 1.79-1.11L22 7H6.31l-.94-2zM7 20a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm10 0a2 2 0 1 0 .001 3.999A2 2 0 0 0 17 20z'/></svg>"); }