.magic-extension-card{display:grid;gap:.78rem;text-decoration:none;color:inherit;border-radius:.95rem;border:1px solid rgba(191,168,136,.5);background:linear-gradient(180deg,#fffffff5,#faf7f0f5),radial-gradient(circle at 100% 0%,rgba(188,11,11,.06),transparent 60%);padding:.62rem;box-shadow:0 8px 20px #21100a14;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.magic-extension-card:not(.is-disabled):hover{transform:translateY(-2px);border-color:#bc0b0b52;box-shadow:0 14px 26px #21100a1f}.magic-extension-card:focus-visible{outline:2px solid rgba(188,11,11,.55);outline-offset:2px}.magic-extension-card.is-disabled{cursor:default;filter:grayscale(1);opacity:.55;box-shadow:none}.magic-extension-card-media{border-radius:.76rem;border:1px solid rgba(191,168,136,.45);background:linear-gradient(180deg,#f5f3eeed,#ece8e0ed);min-height:clamp(4.7rem,6.8vw,5.35rem);display:flex;align-items:center;justify-content:center;padding:.24rem .42rem;overflow:hidden}.magic-extension-card-media img{width:auto;height:auto;max-width:min(86%,11rem);max-height:2.65rem;display:block;image-rendering:auto}.magic-extension-card-content{display:grid;gap:.18rem;padding:0 .1rem .05rem}.magic-extension-card-title{margin:0;color:var(--brown);font-size:clamp(1.02rem,1.9vw,1.26rem);line-height:1.24;min-height:2.48em;max-height:2.48em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.magic-extension-card-unavailable{margin:0;color:var(--ink);font-size:.9rem;line-height:1.4}@media (max-width: 45em){.magic-extension-card-media img{max-width:min(88%,10.25rem);max-height:2.5rem}}.magic-extensions-sort{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;padding:.45rem .55rem;border:1px solid rgba(191,168,136,.4);border-radius:.85rem;background:#fffcf6d9}.magic-extensions-sort-label{margin:0;font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-light);font-weight:700}.magic-extensions-sort-actions{display:inline-grid;grid-auto-flow:column;border:1px solid rgba(191,168,136,.5);border-radius:.72rem;overflow:hidden;background:#fff}.magic-extensions-sort-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.08rem;border-right:1px solid rgba(191,168,136,.45);background:transparent;color:var(--brown);text-decoration:none;font-size:.84rem;font-weight:600;padding:.35rem .96rem;transition:background-color .16s ease,color .16s ease}.magic-extensions-sort-link:last-child{border-right:0}.magic-extensions-sort-link:hover{background:#faf5e8d9}.magic-extensions-sort-link:focus-visible{outline:2px solid rgba(188,11,11,.55);outline-offset:2px}.magic-extensions-sort-link.is-active{background:#2c1810f2;color:#fff}@media (max-width: 36em){.magic-extensions-sort{align-items:flex-start;padding:.45rem}.magic-extensions-sort-actions{width:100%;grid-auto-flow:row}.magic-extensions-sort-link{justify-content:flex-start;border-right:0;border-top:1px solid rgba(191,168,136,.45)}.magic-extensions-sort-link:first-child{border-top:0}}.magic-extensions-page{width:100%;max-width:min(var(--content-max-width),82rem);margin:0 auto;padding:1.25rem var(--page-gutter) 3rem;display:grid;gap:1.05rem}.magic-extensions-header{display:grid;gap:.35rem}.magic-extensions-kicker{margin:0;font-size:.73rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light);font-weight:700}.magic-extensions-header h1{margin:0;color:var(--brown);font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.1}.magic-extensions-grid{display:grid;gap:.9rem;grid-template-columns:repeat(1,minmax(0,1fr))}.magic-extensions-empty{margin:0;padding:1rem 1.1rem;border:1px dashed rgba(93,64,55,.35);border-radius:.9rem;color:var(--ink-light);background:#ffffff80}@media (min-width: 45em){.magic-extensions-page{gap:1.25rem}.magic-extensions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 72em){.magic-extensions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}