/* Offerings Grid styles (v1.5.0) */
.offerings-wrapper{ display:flex; flex-direction:column; gap:var(--gap,2px); width:100%; }
.offerings-wrapper .row{ display:flex; gap:var(--gap,2px); width:100%; }
.offerings-wrapper .tile{
  position:relative; padding:32px; border-radius:var(--radius,24px);
  display:flex; flex-direction:column; justify-content:space-between;
  overflow:hidden; cursor:pointer;
  transition:flex-basis .35s ease, box-shadow .35s ease, font-size .35s ease;
  box-shadow:0 3px 8px rgba(0,0,0,.04); font-size:1em;
}
.offerings-wrapper .tile h3{ margin:0 0 16px 0; font-size:1.25rem; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.offerings-wrapper .tile .icon{ display:inline-block; font-size:48px; opacity:.95; color:#fff; transition:font-size .35s ease, transform .35s ease; line-height:1; }
.offerings-wrapper .tile .icon svg{ width:1em; height:1em; display:block; }
.offerings-wrapper .tile .icon svg, .offerings-wrapper .tile .icon svg *{ fill:currentColor; }
.offerings-wrapper .row-1 .tile{ flex:1 1 100%; }
.offerings-wrapper .offering-two  { --basis:33.333%; }
.offerings-wrapper .offering-three{ --basis:66.666%; }
.offerings-wrapper .row-3 .tile   { --basis:50%; }
.offerings-wrapper .row.two-col .tile{ flex:0 0 var(--basis); }
.offerings-wrapper .offering-one  { background: var(--c1,#66cbff); }
.offerings-wrapper .offering-two  { background: var(--c3,#3B4395); }
.offerings-wrapper .offering-three{ background: var(--c2,#38729B); }
.offerings-wrapper .offering-four { background: var(--c4,#D7FF84); color:#223; }
.offerings-wrapper .offering-five { background: var(--c1,#66cbff); }
.offerings-wrapper .row.expand-left  .tile:first-child { flex-basis:66.666%; }
.offerings-wrapper .row.expand-left  .tile:last-child  { flex-basis:33.333%; }
.offerings-wrapper .row.expand-right .tile:first-child { flex-basis:33.333%; }
.offerings-wrapper .row.expand-right .tile:last-child  { flex-basis:66.666%; }
.offerings-wrapper .tile.active{ box-shadow:0 12px 32px rgba(0,0,0,.14); transform:scale(1.02); z-index:2; }
.offerings-wrapper .tile.shrink{ font-size:0.85em; }
.offerings-wrapper .tile.shrink .icon{ font-size:32px; }
@media (max-width: 768px){ .offerings-wrapper .row{ flex-direction:column; } .offerings-wrapper .row.two-col .tile{ flex-basis:100%; } }