@font-face { font-family:"Scarlet Instagram Heading"; src:url("../../../../themes/beautys/assets/fonts/bricolage-grotesque-bold.woff2") format("woff2"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:"Scarlet Instagram Text"; src:url("../../../../themes/beautys/assets/fonts/geist-regular.woff2") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
.mona-instagram { width:100%; padding:60px 0; margin:0; overflow:hidden; background:#fff; color:#4e351e; font-family:"Scarlet Instagram Text",Arial,sans-serif; }
.mona-instagram *, .mona-instagram *::before, .mona-instagram *::after { box-sizing:border-box; }
.mona-instagram__container { width:100%; max-width:1720px; margin:0 auto; padding:0 50px; }
.mona-instagram__title { margin:0 0 42px; color:#4e351e; font-family:"Scarlet Instagram Heading",Arial,sans-serif; font-size:clamp(32px,4vw,68px); font-weight:700; line-height:1.1; text-align:center; }
.mona-instagram__grid { display:flex; gap:16px; width:100%; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; touch-action:pan-x pan-y; }
.mona-instagram__grid::-webkit-scrollbar { display:none; }
.mona-instagram__grid:focus-visible { outline:2px solid #806132; outline-offset:4px; }
.mona-instagram__grid.is-dragging { cursor:grabbing; scroll-snap-type:none; user-select:none; }
.mona-instagram__card { position:relative; display:block; flex:0 0 calc((100% - 48px) / 4); min-width:0; aspect-ratio:1; overflow:hidden; background:#ece8df; color:#4e351e; text-decoration:none; scroll-snap-align:start; }
.mona-instagram__card img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.mona-instagram__caption { position:absolute; z-index:1; left:14px; right:14px; bottom:14px; display:block; padding:14px 10px; border-radius:18px; background:rgba(255,255,255,.92); color:#4e351e; font-size:15px; line-height:1.4; text-align:center; opacity:0; transform:translateY(8px); transition:opacity .2s ease,transform .2s ease; }
.mona-instagram__card:hover .mona-instagram__caption, .mona-instagram__card:focus-visible .mona-instagram__caption { opacity:1; transform:translateY(0); }
.mona-instagram__card:hover img { transform:scale(1.035); }
.mona-instagram__card:focus-visible { outline:2px solid #806132; outline-offset:-2px; }
.mona-instagram__progress { width:160px; height:4px; margin:30px auto 0; overflow:hidden; border-radius:4px; background:#eeeae3; }
.mona-instagram__progress[hidden] { display:none; }
.mona-instagram__progress span { display:block; width:100%; height:100%; border-radius:4px; background:#806132; }
@media(min-width:750px) and (max-width:989px) { .mona-instagram__card { flex-basis:calc((100% - 32px) / 3); } }
@media(max-width:749px) {
  .mona-instagram { padding:30px 0; }
  .mona-instagram__container { padding:0 15px; }
  .mona-instagram__title { margin-bottom:24px; font-size:30px; }
  .mona-instagram__grid { gap:8px; }
  .mona-instagram__card { flex-basis:calc((100% - 8px) / 1.2); }
  .mona-instagram__caption { left:10px; right:10px; bottom:10px; padding:10px; font-size:13px; }
  .mona-instagram__progress { margin-top:22px; }
}
@media(hover:none) { .mona-instagram__caption { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { .mona-instagram__card img, .mona-instagram__caption { transition:none; } }