.fara-header__crate{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:5px 0;background:none;border:0;color:var(--fara-paper);font-size:12px!important;font-weight:600!important;cursor:pointer;white-space:nowrap}
.fara-header__crate:hover,.fara-save-button:hover{color:var(--fara-accent)}
.fara-crate-count{font:10px/1 ui-monospace,monospace;color:var(--fara-muted)}
.fara-save-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 0;border:0;background:transparent;color:var(--fara-muted);font-size:11px!important;cursor:pointer;flex-shrink:0}
.fara-save-button svg{flex-shrink:0}
.fara-save-button[aria-pressed=true]{color:var(--fara-accent)}
.fara-save-button[aria-pressed=true] svg{fill:currentColor}
.fara-record__actions{flex-wrap:wrap;column-gap:12px;row-gap:2px}
.fara-record__actions>.fara-save-button{margin-left:auto}
.fara-product__info>.fara-save-button{margin-block:10px}
.fara-page .fara-crate{position:fixed;inset:0 0 0 auto;margin:0;padding:28px 28px 20px;width:min(590px,100%);max-width:100%;height:100%;height:100dvh;max-height:100dvh;background:var(--fara-bg);color:var(--fara-paper);border:0;border-left:1px solid var(--fara-rule);overflow-y:auto;overscroll-behavior:contain;box-shadow:-20px 0 80px #0006}
.fara-crate::backdrop{background:#03080bbf;backdrop-filter:blur(3px)}
.fara-crate[open]{animation:fara-crate-enter .18s ease-out}
html:has(.fara-crate[open]){overflow:hidden!important}
.fara-crate__top{display:flex;justify-content:space-between;align-items:start;gap:20px}
.fara-crate__top .fara-eyebrow{color:var(--fara-accent);margin:0 0 9px;font-size:10px}
.fara-page .fara-crate h2{margin:0;font:400 clamp(48px,7vw,64px)/1 var(--fara-display);letter-spacing:.02em;color:inherit}
.fara-crate__close{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;font-size:30px!important;border:1px solid var(--fara-rule);background:none;color:inherit;cursor:pointer}
.fara-crate__intro{font-size:12px;line-height:1.6;color:var(--fara-muted);margin:15px 0 24px;max-width:44ch}
.fara-crate__tabs{display:flex;gap:24px;border-bottom:1px solid var(--fara-rule)}
.fara-crate__tabs button{border:0;border-bottom:2px solid transparent;padding:12px 0;background:none;color:var(--fara-muted);font-size:13px;font-weight:600;cursor:pointer}
.fara-crate__tabs button[aria-pressed=true]{border-bottom-color:var(--fara-accent);color:var(--fara-paper)}
.fara-crate__tabs span{margin-left:5px;font:10px ui-monospace,monospace;color:var(--fara-muted)}
.fara-crate__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px}
.fara-crate__toolbar p{font-size:10px;letter-spacing:.03em}
.fara-crate__toolbar button{padding:9px 0;border:0;border-bottom:1px solid var(--fara-rule);background:none;color:var(--fara-muted);font-size:11px;cursor:pointer}
.fara-crate-row{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:17px;row-gap:0;padding:18px 0;border-top:1px solid var(--fara-rule)}
.fara-crate-row:first-child{border-top:0}
.fara-crate-row__art{position:relative;grid-row:span 3;width:88px;align-self:start;aspect-ratio:1;background:var(--fara-surface)}
.fara-crate-row__art>a{display:block;width:100%;height:100%}
.fara-crate-row__art img{width:100%;height:100%;object-fit:cover;aspect-ratio:1;display:block}
.fara-crate-row__art .fara-image-preview{top:5px;right:5px}
.fara-crate-row__art .fara-cart-control{right:5px;bottom:5px}
.fara-crate-row__artist{font:10px/1.5 ui-monospace,monospace;color:var(--fara-muted);margin:0 0 5px;overflow-wrap:anywhere}
.fara-page .fara-crate-row h3{font:600 16px/1.3 Arial,Helvetica,sans-serif;margin:0;color:inherit;overflow-wrap:anywhere}
.fara-crate-row h3 a{text-decoration:none}
.fara-crate-row h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.fara-crate-row__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-top:10px}
.fara-crate-row__price{font-size:12px;color:var(--fara-muted);text-decoration:none;line-height:1.5}
.fara-crate-row__price:hover{text-decoration:underline}
.fara-crate__empty{padding:32px 0 40px;max-width:36ch}
.fara-page .fara-crate__empty h3{font:400 36px/1.05 var(--fara-display);margin:0 0 12px;color:var(--fara-paper)}
.fara-crate__empty p{font-size:14px;line-height:1.6;color:var(--fara-muted);margin:0}
.fara-crate__more{margin:20px 0;width:100%}
.fara-crate__status{font-size:12px;line-height:1.5;color:var(--fara-muted)}
.fara-crate__browse{display:flex;justify-content:space-between;gap:15px;margin-top:20px;padding:18px 0;border-top:1px solid var(--fara-rule);text-decoration:none;font-size:13px}
.fara-crate__browse:hover{color:var(--fara-accent)}
@keyframes fara-crate-enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:800px){.fara-header__tools{gap:12px!important}.fara-header__crate{font-size:11px!important}.fara-header__crate svg{display:none}.fara-crate-count{display:none}}
@media(max-width:420px){.fara-page .fara-crate{padding:22px 16px}.fara-crate-row{column-gap:14px;grid-template-columns:80px minmax(0,1fr)}.fara-crate-row__art{width:80px}.fara-crate-row h3{font-size:15px}.fara-crate__tabs{gap:20px}}
@media(prefers-reduced-motion:reduce){.fara-crate[open]{animation:none}}