@layer components{.hw{--hw-red:#d6211b;--hw-red-dark:#9e1410;--hw-yellow:#ffd200;--hw-black:#161616;--hw-paper:#fbfaf6;--hw-paper-ink:#1d1d1d;--hw-paper-muted:#6b6b6b;--hw-green:#1f9d4a}.hw-stripes{height:12px;background:repeating-linear-gradient(-45deg,var(--hw-yellow) 0 14px,var(--hw-black) 14px 28px);border:2px solid #000}.hw-sign{position:relative;overflow:hidden;border:3px solid #000;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 45%),var(--hw-red);color:#fff;box-shadow:inset 0 -6px 0 var(--hw-red-dark)}.hw-sign-logo{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .8rem .35rem .5rem;background:#fff;color:var(--hw-red);border:3px solid #000;font-weight:900;letter-spacing:.02em;text-transform:uppercase;transform:skewX(-8deg)}.hw-sign-logo>*{transform:skewX(8deg)}.hw-open{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .6rem;background:var(--hw-yellow);color:#000;border:2px solid #000;font-size:11px;font-weight:900;text-transform:uppercase}.hw-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem}.hw-perk{display:flex;padding:.5rem .65rem;background:rgba(0,0,0,.22);border:2px solid rgba(0,0,0,.55);font-size:12px;font-weight:800}.hw-aisle,.hw-perk{align-items:center;gap:.5rem}.hw-aisle{display:inline-flex;padding:.3rem .8rem;background:var(--hw-black);color:var(--hw-yellow);border:2px solid var(--hw-yellow);font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:13px}.hw-aisle b{background:var(--hw-yellow);color:#000;padding:0 .35rem}.hw-tool{position:relative;display:flex;flex-direction:column;border:3px solid #000;background:var(--hw-paper);color:var(--hw-paper-ink)}.hw-tool[data-out=true]{filter:saturate(.85)}.hw-pegboard{position:relative;display:grid;place-items:center;height:150px;background-color:#c9a46b;background-image:radial-gradient(circle,rgba(60,38,14,.75) 2.2px,transparent 2.6px);background-size:16px 16px;border-bottom:3px solid #000}.hw-pegboard img{width:92px;height:92px;image-rendering:pixelated;filter:drop-shadow(0 6px 0 rgba(0,0,0,.35))}.hw-hook{position:absolute;top:14px;left:50%;width:34px;height:10px;translate:-50% 0;border:3px solid #555;border-bottom:none;border-radius:6px 6px 0 0}.hw-sticker{position:absolute;top:10px;right:-6px;padding:.2rem .55rem;border:2px solid #000;font-size:11px;font-weight:900;text-transform:uppercase;rotate:6deg}.hw-sticker[data-kind=AVAILABLE]{background:var(--hw-green);color:#fff}.hw-sticker[data-kind=RENTED],.hw-sticker[data-kind=RETURNING]{background:var(--hw-red);color:#fff}.hw-sticker[data-kind=COMING],.hw-sticker[data-kind=RESERVED]{background:var(--hw-yellow);color:#000}.hw-sticker[data-kind=EXPIRED]{background:#444;color:#ddd}.hw-tool-body{display:flex;flex:1;flex-direction:column;gap:.55rem;padding:.8rem .9rem .9rem}.hw-tool-name{font-size:1.15rem;font-weight:900;line-height:1.15}.hw-sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--hw-paper-muted)}.hw-specs{display:grid;grid-template-columns:1fr 1fr;gap:.15rem .6rem;padding:.45rem .55rem;border:1px dashed #b9b4a6;background:#f1eee5;font-size:11.5px}.hw-specs span{font-weight:700}.hw-meter{height:8px;border:2px solid #000;background:#e5e1d6;overflow:hidden}.hw-meter>i{display:block;height:100%}.hw-label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--hw-paper-muted)}.hw-countdown{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;font-size:1rem}.hw-countdown[data-hot=true]{color:var(--hw-red)}.hw-price{position:relative;display:flex;align-items:stretch;border:3px solid #000;background:var(--hw-yellow);color:#000}.hw-price-main{flex:1;padding:.35rem .6rem}.hw-price-main strong{display:block;font-size:1.7rem;font-weight:900;line-height:1;letter-spacing:-.02em}.hw-price-main small{font-size:11px;font-weight:800}.hw-barcode{width:46px;border-left:3px solid #000;background:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 3px,#000 3px 4px,transparent 4px 7px,#000 7px 10px,transparent 10px 11px);background-color:#fff;background-size:100% 70%;background-repeat:no-repeat;background-position:center 30%}.hw-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .9rem;border:3px solid #000;background:var(--hw-red);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.03em;box-shadow:inset 0 -4px 0 var(--hw-red-dark);cursor:pointer}.hw-btn:hover:not(:disabled){filter:brightness(1.1)}.hw-btn:disabled{background:#888;box-shadow:inset 0 -4px 0 #666;cursor:not-allowed}.hw-btn--ghost{background:#fff;color:#000;box-shadow:inset 0 -4px 0 #ccc}.hw-receipt{position:relative;padding:1rem 1rem 1.3rem;background:var(--hw-paper);color:var(--hw-paper-ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;border:2px solid #000;--zig:8px;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% /calc(2 * var(--zig)) 100%}.hw-receipt hr{border:none;border-top:2px dashed #9a968b;margin:.55rem 0}.hw-receipt-row{display:flex;justify-content:space-between;gap:1rem}.hw-receipt-row b{font-weight:800}.hw-receipt-code,.hw-receipt-total{font-size:15px;font-weight:900}.hw-receipt-code{padding:.4rem;background:#fff;border:2px solid #000;text-align:center;letter-spacing:.06em}.hw-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;counter-reset:hw-step}.hw-step{position:relative;padding:.8rem .8rem .8rem 3.2rem;border:3px solid #000;background:var(--surface)}.hw-step:before{counter-increment:hw-step;content:counter(hw-step);position:absolute;left:.6rem;top:.7rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;border:2px solid #000;background:var(--hw-yellow);color:#000;font-weight:900}@media (prefers-reduced-motion:reduce){.hw-sticker{rotate:0deg}}}