.grid .card{background:var(--paper)}.card[data-stock=hidden]{display:none!important}.card-old{font-size:.8em;font-weight:400;color:var(--muted);margin-right:6px}.card-sale{display:inline-block;background:var(--ink);color:#fff;font-size:12px;font-weight:600;line-height:1;padding:5px 7px;border-radius:4px;white-space:nowrap}.card-call{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.card-cons .card-visual img{width:100%;height:100%;max-height:160px;object-fit:contain}.card-cons .card-note{font-size:13px;color:var(--muted)}.card-cons .card-price{flex-wrap:wrap;gap:0 12px}.card-cons .card-price-unit{white-space:nowrap}.card:hover .card-call{color:var(--paper)}.card:hover .card-old,.card:hover .card-note{color:var(--deep-muted)}.card:hover .card-sale{background:var(--paper);color:var(--ink)}.card:hover .card-ph{filter:invert(.85)}.card-link{position:absolute;inset:0;z-index:3}.card-link:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.card .actions{position:relative;z-index:4}.card{padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;transition:background .2s,color .2s;cursor:pointer;min-height:280px;position:relative}.card:hover{background:var(--deep);color:var(--paper)}.card:hover .card-top,.card:hover .card-size-sub,.card:hover .card-price-unit,.card.featured:hover .feat-size-sub,.card.featured:hover .feat-bottom .big small{color:var(--deep-muted)}.card:hover .tag-order{color:var(--turq)}.card:hover .card-visual{background:linear-gradient(145deg,#2a2b2c,#121212)}.card-top,.card-sku{font-size:14px;color:var(--dust);display:flex;justify-content:space-between;align-items:center;gap:8px}.card:hover .card-sku{color:var(--deep-muted)}.card-top .tag-stock{color:var(--ok);font-weight:700}.card-top .tag-order{color:var(--accent);font-weight:700}.card:hover .tag-stock{color:#7ed47e}.card-visual{flex:1;background:radial-gradient(ellipse at 50% 40%,#e6e7e8,#d5d6d7);display:grid;place-items:center;position:relative;overflow:hidden;min-height:130px;transition:background .2s}.card-visual svg{width:78%;height:auto}.card-visual img.block-render{width:115%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));transition:filter .2s,transform .3s}.card:hover .card-visual img.block-render{filter:drop-shadow(0 16px 26px rgba(0,0,0,.6));transform:translateY(-2px)}.card.featured .feat-visual{background:radial-gradient(ellipse at 50% 40%,#e6e7e8,#d5d6d7)}.card.featured .feat-bignum{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(260px,32vw,460px);font-weight:900;letter-spacing:-.06em;line-height:.85;color:transparent;-webkit-text-stroke:2px rgba(26,26,28,.32);pointer-events:none;user-select:none;z-index:1;transition:-webkit-text-stroke-color .25s}.card.featured .feat-visual img.block-render{width:88%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 24px 36px rgba(0,0,0,.4));transition:filter .2s,transform .3s}.card.featured:hover .feat-bignum{-webkit-text-stroke-color:rgba(240,237,230,.22)}.card.featured:hover .feat-visual img.block-render{filter:drop-shadow(0 32px 48px rgba(0,0,0,.65));transform:translateY(-3px)}.card-size{display:flex;align-items:baseline;gap:8px;line-height:1}.card-size-main{font-size:44px;font-weight:900;letter-spacing:-.035em;color:var(--ink)}.card:hover .card-size-main{color:var(--paper)}.card-size-sub{font-size:14px;color:var(--dust);white-space:nowrap}.card-price{display:flex;align-items:baseline;justify-content:space-between;margin-top:auto;gap:10px}.card-price-val{font-size:22px;font-weight:800;letter-spacing:-.02em}.card-price-unit{font-size:14px;color:var(--dust)}.card-arrow{width:28px;height:28px;border:1px solid currentColor;display:grid;place-items:center;font-size:14px;opacity:.5;transition:opacity .15s}.card:hover .card-arrow{opacity:1;background:var(--paper);color:var(--ink);border-color:var(--paper)}.card.featured{grid-column:span 2;min-height:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:0;padding:0;overflow:hidden}.card.featured .feat-visual{position:relative;overflow:hidden;min-height:320px;display:grid;place-items:center}.card.featured:hover .feat-visual{background:radial-gradient(ellipse at 50% 40%,#2a2b2c,#121212)}.card.featured .feat-body{padding:24px 28px;display:flex;flex-direction:column;gap:10px}.card.featured .feat-size{display:flex;align-items:baseline;gap:10px;line-height:1;margin-top:4px}.card.featured .feat-size-main{font-size:64px;font-weight:900;letter-spacing:-.04em}.card.featured .feat-size-sub{font-size:14px;color:var(--dust)}.card.featured .feat-title{font-size:15px;font-weight:700;color:var(--graphite);letter-spacing:-.01em}.card.featured:hover .feat-title{color:var(--dust-2)}.feat-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:14px;gap:12px;flex-wrap:wrap}.feat-bottom .big{font-size:28px;font-weight:900;letter-spacing:-.03em;line-height:1}.feat-bottom .big small{font-size:14px;color:var(--dust);margin-left:3px;font-weight:500;letter-spacing:0}.feat-bottom .actions{display:flex;gap:6px}.card.featured .btn{padding:10px 16px;font-size:14px;white-space:nowrap}.card.featured:hover .btn-ghost-dark{border-color:var(--paper);color:var(--paper)}.card.featured:hover .btn-dark{background:var(--paper);color:var(--ink)}.card-meta{display:flex;flex-wrap:wrap;column-gap:12px}.card-featured-marker{position:absolute;top:20px;left:20px;z-index:3;background:var(--ink);color:var(--paper);padding:6px 10px;font-size:14px;display:flex;align-items:center;gap:6px}.card-featured-marker:before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}.grid-cons .card{border:1px solid var(--line)}.card-cons{min-height:300px;padding:22px;gap:12px}.card-cons .card-visual{flex:none;height:160px}.card-cons .card-visual svg{max-height:140px}.card-cons .card-title{font-size:16px}.card-cons .card-price-val{font-size:20px}@media(max-width:1100px){.card.featured{grid-column:span 2;grid-template-columns:1fr}.card.featured .feat-visual{min-height:280px}.card.featured .feat-body{padding:24px}}@media(max-width:640px){.card.featured{grid-column:1/-1}.card.featured .feat-visual{min-height:190px}.card.featured .feat-bignum{font-size:210px}.card.featured .feat-body{padding:18px}.card.featured .feat-size-main{font-size:48px}.card.featured .btn{min-height:44px}.card-block{min-height:0;padding:12px 12px 14px;gap:8px}.card-block .card-top{font-size:12px;align-items:flex-start;gap:4px;position:relative}.card-block .card-sale{position:absolute;top:calc(100% + 14px);right:6px;z-index:2}.card-block .card-top-name{display:none}.card-block .card-visual{flex:none;min-height:0;aspect-ratio:4/3}.card-block .card-visual img.block-render{width:125%}.card-block .card-size{flex-wrap:wrap;row-gap:4px}.card-block .card-size-main{font-size:32px}.card-block .card-size-sub,.card-block .card-meta,.card-block .card-price-unit{font-size:12px}.card-block .card-meta{column-gap:8px;color:var(--graphite)}.card-block .card-price-val{font-size:18px}.card-block .card-arrow{display:none}.card-cons{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"vis sku" "vis title" "vis note" "vis price";column-gap:14px;row-gap:4px;min-height:0;padding:14px}.card-cons .card-visual{grid-area:vis;min-height:88px;height:88px;align-self:start}.card-cons .card-visual svg{width:72px;height:72px}.card-cons .card-sku{grid-area:sku}.card-cons .card-title{grid-area:title;font-size:15px}.card-cons .card-note{grid-area:note}.card-cons .card-price{grid-area:price}}.card-size-main,.feat-size-main,.feat-bottom .big,.card-price-val{font-family:var(--display);font-weight:800}
