.grm-banners{max-width:var(--grm-w,1424px);margin:32px auto;padding:0 24px;font-family:var(--grm-font-body,'Inter',Inter,sans-serif);color:var(--grm-ink,#041E42)}
.grm-banners__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}
.grm-banners__head h2{font-size:22px;font-weight:800;margin:0;letter-spacing:-.3px}
.grm-banners__nav{display:flex;gap:6px}
.grm-banners__arrow{width:36px;height:36px;border-radius:50%;border:1px solid var(--grm-line-soft,#eaeff5);background:#fff;font-size:18px;font-weight:700;color:var(--grm-ink-700,#33424f);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s;line-height:1;padding-bottom:2px}
.grm-banners__arrow:hover{border-color:#1668C7;color:#1668C7}

.grm-banners__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;padding-bottom:8px;scrollbar-width:thin}
.grm-banners__track::-webkit-scrollbar{height:6px}
.grm-banners__track::-webkit-scrollbar-thumb{background:var(--grm-line-soft,#eaeff5);border-radius:3px}

.grm-banners__card{flex:0 0 320px;scroll-snap-align:start;background:#fff;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;position:relative}
.grm-banners__card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.08);border-color:var(--accent,#1668C7)}

.grm-banners__img{aspect-ratio:16/10;background:var(--grm-canvas,#f5f7fa) var(--accent,#1668C7);background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:12px}
.grm-banners__img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.55) 100%);pointer-events:none}
.grm-banners__badge{display:inline-flex;align-items:center;gap:4px;background:var(--accent,#1668C7);color:#fff;font-size:11px;font-weight:700;padding:5px 9px;border-radius:999px;align-self:flex-start;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px rgba(0,0,0,.15);position:relative;z-index:2}
.grm-banners__badge .material-symbols-rounded{font-size:14px}
.grm-banners__discount{position:absolute;top:12px;right:12px;background:#fff;color:var(--accent,#1668C7);font-weight:800;font-size:18px;border-radius:50%;width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:2;transform:rotate(-8deg);font-variant-numeric:tabular-nums}
.grm-banners__countdown{align-self:flex-end;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;position:relative;z-index:2}

.grm-banners__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.grm-banners__org{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--grm-ink-500,#55636e);font-weight:600}
.grm-banners__org-logo{width:18px;height:18px;border-radius:4px;object-fit:cover}
.grm-banners__title{font-size:16px;font-weight:700;margin:0;color:var(--grm-ink,#041e42);line-height:1.3;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grm-banners__text{font-size:13px;color:var(--grm-ink-500,#55636e);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.grm-banners__loc{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--grm-ink-700,#33424f);margin:0}
.grm-banners__loc .material-symbols-rounded{font-size:14px;color:var(--accent,#1668C7)}
.grm-banners__cta{display:inline-flex;align-items:center;gap:4px;background:var(--accent,#1668C7);color:#fff;font-weight:600;font-size:13px;padding:9px 14px;border-radius:8px;text-decoration:none;margin-top:auto;align-self:flex-start;transition:.15s}
.grm-banners__cta:hover{transform:translateY(-1px);color:#fff;box-shadow:0 4px 12px color-mix(in srgb, var(--accent,#1668C7) 40%, transparent)}
.grm-banners__cta .material-symbols-rounded{font-size:16px}

@media (max-width: 700px){
  .grm-banners{margin:24px 0;padding:0 12px}
  .grm-banners__card{flex:0 0 280px}
  .grm-banners__head h2{font-size:18px}
}

.grm-dash__type-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}