.fanatyco-myaccount { max-width: 960px; }
.fanatyco-section { margin: 22px 0; padding: 18px; border: 1px solid #e6e6e6; border-radius: 12px; background: #fff; }
.fanatyco-grid { display: grid; gap: 12px; }
.fanatyco-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px){ .fanatyco-grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px){ .fanatyco-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fanatyco-card { width: 100%; border: 1px solid #dcdcdc; border-radius: 14px; padding: 10px; background: #fafafa; cursor: pointer; text-align: center; transition: transform .05s ease, opacity .2s ease, border-color .2s ease; }
.fanatyco-card:hover { transform: translateY(-1px); }
.fanatyco-card__img { display:block; width: 100%; aspect-ratio: 1/1; border-radius: 10px; overflow:hidden; background:#f0f0f0; }
.fanatyco-card__img img { width:100%; height:100%; object-fit:cover; display:block; }
.fanatyco-card__placeholder { display:block; width:100%; height:100%; background: repeating-linear-gradient(45deg, #f3f3f3, #f3f3f3 8px, #ededed 8px, #ededed 16px); }
.fanatyco-card__name { display:block; margin-top: 8px; font-weight: 600; font-size: 14px; line-height: 1.2; }
.fanatyco-card.is-selected { border-color: #111; background: #fff; }
.fanatyco-card.is-disabled { opacity: .35; pointer-events: none; filter: grayscale(1); }
.fanatyco-hint { margin-top: 10px; opacity: .75; font-size: 13px; }
.fanatyco-actions { margin-top: 16px; }
.fanatyco-accordion__item { margin-top: 12px; border: 1px solid #e6e6e6; border-radius: 12px; overflow:hidden; background:#fff; }
.fanatyco-accordion__title { display:flex; justify-content:space-between; align-items:center; padding: 12px 14px; cursor:pointer; background:#f7f7f7; font-weight: 700; }
.fanatyco-accordion__panel { display:none; padding: 14px; }
.fanatyco-accordion__item.is-open .fanatyco-accordion__panel { display:block; }
.fanatyco-accordion__item.is-disabled { opacity:.45; pointer-events:none; }