.tile{min-width:0;list-style:none}.tile[hidden]{display:none}.tile-link{border:1px solid var(--rule);border-radius:var(--r-label);background:var(--paper);flex-direction:column;height:100%;text-decoration:none;transition:border-color .12s;display:flex;overflow:hidden}.tile-link:hover{border-color:var(--ink)}.tile-link:hover .tile-name{text-underline-offset:.16em;text-decoration:underline 1px}.tile-media{aspect-ratio:1;background:#fff;padding:6%}.tile-media img{object-fit:contain;width:100%;height:100%}.label-art{--la-bg:var(--safety-orange);--la-fg:#000;--la-mark:var(--safety-orange);--la-tri:#000;align-items:center;width:100%;height:100%;display:flex;container-type:inline-size}.label-art[data-signal=danger]{--la-bg:var(--safety-red);--la-fg:#fff;--la-mark:var(--safety-red);--la-tri:#fff}.label-art[data-signal=caution]{--la-bg:var(--safety-yellow);--la-mark:var(--safety-yellow)}.label-art[data-signal=notice]{--la-bg:var(--safety-blue);--la-fg:#fff}.label-art[data-signal=safety]{--la-bg:var(--safety-green);--la-fg:#fff}.la-frame{aspect-ratio:5/3;background:#fff;border:2.4cqi solid #fff;border-radius:3cqi;grid-template-columns:36% 1fr;width:100%;display:grid;position:relative;box-shadow:0 0 0 1px #b9c0c8,inset 0 0 0 .9cqi #000}.la-sym{border-right:.9cqi solid #000;place-items:center;padding:9% 11%;display:grid}.la-sym svg{width:100%;height:auto}.la-body{grid-template-rows:30% 1fr;min-width:0;display:grid}.la-band{background:var(--la-bg);color:var(--la-fg);justify-content:center;align-items:center;gap:1.6cqi;margin:.9cqi .9cqi 0 0;padding:0 2cqi;display:flex;overflow:hidden}.la-alert{flex:none;width:6.8cqi}.la-alert-tri{fill:var(--la-tri);stroke:var(--la-tri)}.la-alert-mark{fill:var(--la-mark)}.la-word{letter-spacing:-.01em;white-space:nowrap;font-size:7.6cqi;font-weight:900;line-height:1}.label-art[data-signal=notice] .la-word{font-style:italic}.label-art[data-signal=safety] .la-word{font-size:4.6cqi}.la-text{-webkit-line-clamp:4;color:#000;letter-spacing:-.01em;-webkit-box-orient:vertical;align-self:center;padding:0 3cqi 0 3.4cqi;font-size:6.2cqi;font-weight:800;line-height:1.14;display:-webkit-box;overflow:hidden}.la-sign{aspect-ratio:5/3;background:var(--sign-bg);color:#fff;border-radius:3cqi;grid-template-columns:34% 1fr;align-items:center;gap:3cqi;width:100%;padding:5cqi 6cqi;display:grid;box-shadow:0 0 0 1px #b9c0c8,inset 0 0 0 1.6cqi #fff}.label-art[data-sign=fire]{--sign-bg:var(--safety-red)}.label-art[data-sign=safe]{--sign-bg:var(--safety-green)}.label-art[data-sign=mandatory]{--sign-bg:var(--safety-blue)}.la-sign-sym svg{width:100%;height:auto}.la-sign-text{-webkit-line-clamp:4;letter-spacing:-.01em;-webkit-box-orient:vertical;font-size:7cqi;font-weight:900;line-height:1.1;display:-webkit-box;overflow:hidden}.la-plate{aspect-ratio:5/3;background:linear-gradient(160deg,#f4f6f8 0%,#d9dee3 45%,#eef1f4 70%,#cfd5db 100%);border-radius:4cqi;align-content:center;gap:2cqi;width:100%;padding:6cqi 8cqi;display:grid;box-shadow:inset 0 0 0 .8cqi #9aa2ab}.la-plate-sku{color:#000;letter-spacing:.02em;font-size:9cqi;font-weight:900;line-height:1}.la-plate-name{-webkit-line-clamp:3;color:#262a2f;-webkit-box-orient:vertical;font-size:5.4cqi;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.tile-body{border-top:1px solid var(--rule);flex-direction:column;flex:1;gap:4px;padding:14px 16px 16px;display:flex}.tile-sku{color:var(--steel);font-size:var(--t-micro);letter-spacing:.01em;font-weight:600}.tile-name{letter-spacing:-.005em;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.tile-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.tile-price{font-size:var(--t-small);font-weight:700}.tile-price .tile-each{color:var(--steel);font-weight:400}.tile-price .tile-was{color:var(--steel);font-size:var(--t-micro);font-weight:400;display:block}.tile-price .tile-off{color:var(--brand-red);font-weight:800}.tile .signal{font-size:.6875rem}@media (width<=520px){.tile-body{padding:12px 12px 14px}.tile-name{font-size:.9375rem}.tile .signal{display:none}}
