.btn{--btn-bg: var(--ink-900);--btn-fg: #fff;display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:12px 22px;border:1px solid transparent;border-radius:var(--r-full);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:var(--fs-sm);line-height:1;cursor:pointer;transition:transform .15s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.btn--accent{--btn-bg: var(--accent)}.btn--accent:hover{--btn-bg: var(--accent-600)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink-900);border-color:var(--line)}.btn--ghost:hover{background:var(--surface)}.btn--on-ink{--btn-bg: #fff;--btn-fg: var(--ink-900)}.btn--block{width:100%}.btn--lg{padding:15px 28px;font-size:var(--fs-body)}.icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border:0;background:transparent;border-radius:var(--r-full);color:var(--ink-900);cursor:pointer;position:relative;transition:background .15s var(--ease)}.icon-btn:hover{background:var(--surface)}.icon-btn svg{width:22px;height:22px}.icon-btn__count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px;font-weight:700;border-radius:var(--r-full);line-height:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em}.badge--sale{background:var(--hot);color:#fff}.badge--new{background:var(--ink-900);color:#fff}.badge--soft{background:var(--accent-tint);color:var(--accent-600)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:500;background:var(--bg);cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease)}.pill[aria-pressed=true],.pill:hover{border-color:var(--ink-900)}.product-card{position:relative;display:flex;flex-direction:column;background:var(--bg)}.product-card__media{position:relative;aspect-ratio:1 / 1;border-radius:var(--r-md);background:var(--surface);overflow:hidden;display:grid;place-items:center}.product-card__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 50% 15%,#fff 0%,var(--surface) 60%,var(--surface-2) 100%)}.product-card__glyph{position:relative;width:46%;color:var(--ink-700);opacity:.9;transition:transform .35s var(--ease)}.product-card:hover .product-card__glyph{transform:translateY(-4px) scale(1.03)}.product-card__photo{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.product-card:hover .product-card__photo{transform:scale(1.04)}.product-card__soon{position:absolute;bottom:12px;z-index:2;font-size:var(--fs-xs);font-weight:600;color:var(--ink-500);background:#fffc;padding:4px 10px;border-radius:var(--r-full)}.product-card__badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:2}.product-card__quick{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;opacity:0;transform:translateY(8px);transition:opacity .2s var(--ease),transform .2s var(--ease)}.product-card:hover .product-card__quick,.product-card:focus-within .product-card__quick{opacity:1;transform:none}.product-card__body{padding:14px 2px 4px}.product-card__cat{font-size:var(--fs-xs);color:var(--ink-500);letter-spacing:.04em;text-transform:uppercase}.product-card__title{font-size:var(--fs-body);font-weight:600;margin-top:4px;line-height:1.3}.product-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.product-card__rating{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:var(--fs-xs);color:var(--ink-500)}.product-card__stars{color:#f5a623;letter-spacing:1px}.product-card__price{margin-top:8px;display:flex;align-items:baseline;gap:8px;font-weight:700}.product-card__price del{color:var(--ink-300);font-weight:500}.product-card__price ins{color:var(--hot);text-decoration:none}.product-card__price .soon{color:var(--ink-500);font-weight:600;font-size:var(--fs-sm)}.product-card__quick .btn{position:relative;z-index:3}.field{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.field--on-ink{background:#ffffff14;border-color:#ffffff2e;color:#fff}.field--on-ink::placeholder{color:#ffffff8c}.input-group{display:flex;gap:8px;flex-wrap:wrap}.input-group .field{flex:1 1 220px}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-full);overflow:hidden}.qty button{width:40px;height:40px;border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--ink-700)}.qty button:hover{background:var(--surface)}.qty input{width:42px;text-align:center;border:0;background:transparent;-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/components.css.map */