:root{ --gmps-gap: 16px; }
.gmps-wrap{ margin: 24px 0; }
.gmps-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px }
.gmps-head h2{ margin:0; font-size:1.25rem }
.gmps-arrows{ display:flex; gap:8px }
.gmps-arrows button{ appearance:none; border:0; background:#efefef; border-radius:10px; padding:6px 10px; font-size:18px; line-height:1; cursor:pointer }
.gmps-row{ display:flex; gap:var(--gmps-gap); overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px }
.gmps-row::-webkit-scrollbar{ height:10px }
.gmps-item{ flex:0 0 auto; width: clamp(240px, 38vw, 520px); scroll-snap-align:start }
.gmps-item img{ width:100%; height:auto; object-fit:cover; border-radius:14px; display:block }
.gmps-tabs{ margin: 24px 0 }
.gmps-tablist{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px }
.gmps-tablist button{ appearance:none; border:1px solid #cfe0ff; background:#f5f9ff; color:#1e3a8a; padding:8px 12px; border-radius:12px; cursor:pointer; }
.gmps-tablist button.active{ background:#2f6bff; color:#fff; border-color:#2f6bff }
.gmps-tabpanes > div{ background:#f8fbff; border-radius:16px; padding:16px }