/* Shared sim card styles (landing page, dashboard, catalog) */
.sim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}
.sim-card{display:flex;flex-direction:column;border:3px solid #0E1D45;border-radius:16px;background:#FFFFFF;
  box-shadow:7px 7px 0 var(--field,#0E1D45);overflow:hidden;color:#0E1D45;scroll-margin-top:110px}
.f-sci{--field:#1A9E7C;--field-soft:#9BE8CD}
.f-tech{--field:#2F6FDB;--field-soft:#A9C7FF}
.f-eng{--field:#F2B21B;--field-soft:#FFD86B}
.f-math{--field:#D9412F;--field-soft:#FFB3A7}
.f-other{--field:#7A3FD1;--field-soft:#D9C8FF}
.sim-hero{position:relative;aspect-ratio:16/9;background-color:var(--field-soft);border-bottom:3px solid #0E1D45;overflow:hidden;
  background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.55) 0 18%,transparent 19%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.45) 0 14%,transparent 15%)}
.sim-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-letter{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:5.2rem;height:5.2rem;border-radius:50%;
  display:grid;place-items:center;background:var(--field);color:#FFFFFF;border:3px solid #0E1D45;box-shadow:4px 4px 0 #0E1D45;
  font-family:Lexend,sans-serif;font-weight:700;font-size:2.8rem;line-height:1}
.hero-tags{position:absolute;left:.75rem;right:.75rem;top:.75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.tag-topic,.tag-type{font-family:Lexend,sans-serif;font-weight:600;font-size:.85rem;line-height:1.2;padding:.35rem .75rem;border-radius:999px;border:2px solid #0E1D45}
.tag-topic{background:#0E1D45;color:#FFFFFF;max-width:62%}
.tag-type{background:#FFFFFF;color:#0E1D45;white-space:nowrap}
.tag-type.t-bell{background:#FFC83D}.tag-type.t-topic{background:#7FE3C4}.tag-type.t-comp{background:#FF9C8F}.tag-type.t-custom{background:#D9C8FF}
.sim-content{display:flex;flex-direction:column;gap:.6rem;flex:1;padding:1.3rem 1.3rem 1.5rem}
.sim-content h3{font-family:Lexend,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.2;margin:0}
.meta-lines{margin:0;display:grid;gap:.25rem}
.meta-lines div{display:flex;gap:.5rem;align-items:baseline}
.meta-lines dt{flex:none;width:4.2rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#4A5880}
.meta-lines dd{margin:0;font-weight:700;color:#0E1D45}
.sim-content .desc{color:#2E3B60;margin:0}
.card-foot{margin-top:auto;padding-top:1rem;border-top:2px solid #C9D3EA;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.card-price{font-family:Lexend,sans-serif;font-size:1.6rem;font-weight:700;color:#1F5BD1}