.df-count{color:var(--color-steel);margin:18px 0 24px}.df-count .t-mono{color:var(--color-ink);font-size:12px}.df-sep{color:var(--color-line-strong);margin-inline:10px}.df-empty{color:var(--color-steel);padding-block:32px;font-size:1.1rem}.df-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 14px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:1100px){.df-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:599px){.df-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.df-tile{content-visibility:auto;contain-intrinsic-block-size:auto 220px;min-width:0}.df-btn{text-align:left;cursor:pointer;gap:10px;width:100%;display:grid}.df-swatch{aspect-ratio:1;display:block;position:relative;overflow:hidden}.df-swatch:after{content:"";box-shadow:inset 0 0 0 1px var(--color-line);pointer-events:none;position:absolute;inset:0}.df-swatch img{object-fit:cover;transition:transform .6s var(--ease-out-quart)}.df-btn:hover .df-swatch img{transform:scale(1.05)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.df-swatch:before{content:"";z-index:1;opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff4d 50%,#0000 58%);position:absolute;inset:-20% -45%;transform:translate(-60%)}.df-btn:hover .df-swatch:before{opacity:1;animation:rt-sweep 1s var(--ease-out-quart) forwards}}.df-new{z-index:1;background:var(--color-red);color:var(--color-white);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;position:absolute;top:8px;left:8px}.df-label{text-transform:uppercase;letter-spacing:.02em;color:var(--color-ink);font-size:12.5px;line-height:1.35;transition:opacity .2s}.df-btn:hover .df-label{opacity:.55}.df-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:40px;display:flex}.df-pages button{border:1px solid var(--color-line);min-width:44px;height:44px;color:var(--color-ink);cursor:pointer;border-radius:2px;padding-inline:8px;font-size:13px;transition:border-color .2s}.df-pages button:hover:not(:disabled){border-color:var(--color-ink)}.df-pages button[aria-current=page]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-white)}.df-pages button:disabled{color:var(--color-line-strong);cursor:default}.df-gap{color:var(--color-steel-soft);padding-inline:4px}.df-lb{background:0 0;border:0;width:min(1040px,100vw - 32px);max-width:none;max-height:calc(100svh - 32px);margin:auto;padding:0;overflow:visible}.df-lb::backdrop{background:#11111173}.df-lb-panel{background:var(--color-white);border-radius:4px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-height:calc(100svh - 32px);display:grid;position:relative;overflow:auto}.df-lb-swatch{min-height:440px;position:relative}.df-lb-swatch img{object-fit:cover}.df-lb-info{align-content:start;gap:14px;padding:clamp(28px,4vw,48px);display:grid}.df-lb-title{letter-spacing:-.02em;gap:8px;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:400;line-height:1.1;display:grid}.df-lb-dl{border-top:1px solid var(--color-line);margin:8px 0 0;display:grid}.df-lb-dl>div{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;padding-block:10px;font-size:14px;display:grid}.df-lb-dl dt{color:var(--color-steel)}.df-lb-dl dd{margin:0}.df-lb-nav{justify-content:space-between;align-items:center;margin-top:8px;font-size:14px;display:flex}.df-lb-nav button{cursor:pointer;transition:opacity .2s}.df-lb-nav button:hover{opacity:.55}.df-lb-close{background:var(--color-white);cursor:pointer;border-radius:999px;width:40px;height:40px;position:absolute;top:12px;right:12px}.df-lb-close span:before,.df-lb-close span:after{content:"";background:var(--color-ink);height:1.5px;position:absolute;top:50%;left:12px;right:12px;transform:rotate(45deg)}.df-lb-close span:after{transform:rotate(-45deg)}@media (max-width:767px){.df-lb-panel{grid-template-columns:1fr}.df-lb-swatch{min-height:240px}}@media (prefers-reduced-motion:reduce){.df-swatch img,.df-label,.df-pages button,.df-lb-nav button{transition:none}}
