.membership-list{display:grid;gap:9px;margin-top:0} .membership-card{border:1px solid var(--membership-border,#d6e2ed);border-radius:var(--mek-control-radius,4px);background:var(--membership-surface,#fff);transition:.18s ease;position:relative;overflow:hidden} .membership-card:hover{border-color:var(--membership-hover-border,#b8cee1)} .membership-card.selected{border-color:var(--membership-selected-border,#6db6ef);box-shadow:inset 3px 0 0 var(--mek-brand-primary),0 0 0 2px color-mix(in srgb, var(--mek-brand-primary) 6%, transparent)} .membership-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:3px 11px;align-items:start;padding:10px 12px;cursor:pointer} .membership-main>div{display:contents} .membership-radio{grid-column:1;grid-row:1;align-self:end;transform:translateY(2px)} .membership-title{grid-column:2;grid-row:1;align-self:end;min-width:0;font-size:14px;font-weight:850;color:var(--membership-title-color,#153052);margin:0;line-height:1.2} .membership-sub{grid-column:2/-1;grid-row:2;width:100%;font-size:10.5px;color:var(--membership-description-color,#748297);line-height:1.3} .membership-card .badge{white-space:nowrap;padding:4px 6px;font-size:9.8px;font-weight:850;background:var(--membership-badge-bg,#eef6ff);color:var(--membership-badge-color,#196bbb);border:1px solid var(--membership-badge-border,#d3e7f8)} .membership-card .badge.price{background:var(--membership-price-bg,#eaf8f0);color:var(--membership-price-color,#197248);border-color:var(--membership-price-border,#ccebd9)} .membership-main .badge{grid-column:3;grid-row:1;justify-self:end;align-self:end;display:inline-flex;align-items:center;justify-content:center} .membership-card details{border-top:1px solid var(--membership-rule,#e2edf6);background:var(--membership-details-bg,#fbfdff)} .membership-card summary{ list-style:none; min-height:35px; padding:8px 12px; color:var(--membership-summary,#176cba); font-size:11.2px; font-weight:850; letter-spacing:.01em; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; transition:background .18s ease,color .18s ease } .membership-card summary::-webkit-details-marker{display:none} .membership-card summary:hover{background:var(--membership-summary-hover-bg,#f1f8ff);color:var(--membership-summary-hover,#0f62ad)} .membership-card summary::after{ content:""; width:8px; height:8px; flex:0 0 auto; margin:0 3px 4px 0; border-right:2px solid var(--mek-brand-primary); border-bottom:2px solid var(--mek-brand-primary); transform:rotate(45deg); transition:transform .2s ease,margin .2s ease } .membership-card details[open]{background:var(--membership-open-bg,linear-gradient(180deg,#f7fbff 0%,#f2f8fd 100%))} .membership-card details[open] summary{background:var(--membership-open-summary,#edf6ff);color:var(--membership-summary-hover,#0f62ad)} .membership-card details[open] summary::after{margin:4px 3px 0 0;transform:rotate(225deg)} .membership-card .benefits{ margin:8px 9px 11px; padding:0 8px; color:var(--membership-benefit-color,#52657a); font-size:11.2px; line-height:1.48; max-height:150px; overflow:auto; border:1px solid var(--membership-benefit-border,#dceaf5); background:var(--membership-surface,#fff); scrollbar-width:thin; scrollbar-color:var(--mek-brand-primary) var(--membership-scrollbar-track,#e2eef8); overscroll-behavior:contain } .membership-card .benefits::-webkit-scrollbar{width:8px} .membership-card .benefits::-webkit-scrollbar-track{background:var(--membership-scrollbar-track,#e2eef8);border-radius:10px} .membership-card .benefits::-webkit-scrollbar-thumb{background:var(--mek-brand-primary);border:2px solid var(--membership-scrollbar-track,#e2eef8);border-radius:10px} .membership-card .benefits::-webkit-scrollbar-thumb:hover{background:#0f62ad} .membership-card .benefits li{ list-style:none; position:relative; margin:0; padding:10px 8px 10px 28px; border:0; background:transparent; box-shadow:none } .membership-card .benefits li+li{margin:0;border-top:1px solid var(--membership-benefit-rule,#e5eef6)} .membership-card .benefits li::before{ content:"✓"; position:absolute; left:7px; top:10px; color:var(--mek-brand-primary); font-size:11px; line-height:1; font-weight:900 }