.hec{--_ease: cubic-bezier(.22, .61, .36, 1);--_speed: var(--hec-speed, .5s);--_radius: var(--hec-radius, 14px);position:relative;display:flex;flex-direction:column;height:100%;background:var(--hec-card-bg, #0d0d0d);border:1px solid var(--hec-border, rgba(237,235,231,.08));border-radius:var(--_radius);overflow:hidden;transition:border-color var(--_speed) var(--_ease),transform var(--_speed) var(--_ease)}@media(hover:hover){.hec:hover{border-color:var(--hec-border-hover, rgba(237,235,231,.2));transform:translateY(-2px)}}.hec:focus-within{border-color:var(--hec-border-hover, rgba(237,235,231,.2))}.hec__media-wrap{position:relative;isolation:isolate}.hec__media{position:relative;display:block;aspect-ratio:var(--hec-ratio, 4 / 5);overflow:hidden;background:var(--hec-media-bg, #141414)}.hec__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--_speed) var(--_ease),opacity var(--_speed) var(--_ease)}.hec__img--hover{opacity:0}.hec__placeholder{display:grid;place-items:center;height:100%;color:var(--hec-muted, #8a8a85);font-size:12px;letter-spacing:.12em;text-transform:uppercase}@media(hover:hover){.hec:hover .hec__img{transform:scale(var(--hec-zoom, 1.03))}.hec:hover .hec__img--hover{opacity:1}.hec:hover .hec__img--primary.hec--paired{opacity:0}}.hec__badge{position:absolute;top:14px;left:14px;z-index:2;padding:5px 12px 4px;border-radius:999px;font-family:var(--hec-font-display, inherit);font-size:var(--hec-badge-size, 11px);line-height:1.2;letter-spacing:var(--hec-tracking, .14em);text-transform:uppercase;color:var(--hec-badge-text, #0a0a0a);background:var(--hec-badge-bg, #edebe7);pointer-events:none}.hec__badge--soldout{color:var(--hec-text, #edebe7);background:#0a0a0ad1;border:1px solid var(--hec-border-hover, rgba(237,235,231,.2));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hec__badge--sale{color:#fff;background:var(--hec-accent, #8e1b1b)}.hec__wish{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--hec-text, #edebe7);cursor:pointer;transition:background .24s var(--_ease)}.hec__wish svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;transition:fill .24s var(--_ease),stroke .24s var(--_ease),transform .24s var(--_ease)}.hec__wish:hover{background:#edebe71a}.hec__wish:hover svg{transform:scale(1.08)}.hec__wish[aria-pressed=true] svg{fill:var(--hec-accent, #8e1b1b);stroke:var(--hec-accent, #8e1b1b)}.hec__actions{position:absolute;right:12px;bottom:12px;left:12px;z-index:2;display:flex;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .32s var(--_ease),transform .32s var(--_ease)}@media(hover:hover){.hec:hover .hec__actions,.hec:focus-within .hec__actions{opacity:1;transform:translateY(0)}}@media(hover:none){.hec__actions{display:none}}.hec__quick,.hec__view{display:inline-flex;align-items:center;justify-content:center;height:40px;border:1px solid var(--hec-border-hover, rgba(237,235,231,.2));border-radius:8px;background:#0a0a0ab8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--hec-text, #edebe7);font-family:var(--hec-font-display, inherit);font-size:13px;letter-spacing:var(--hec-tracking, .14em);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .24s var(--_ease),color .24s var(--_ease)}.hec__quick{flex:1}.hec__view{width:44px;flex:none}.hec__quick:hover,.hec__view:hover{background:var(--hec-text, #edebe7);color:#0a0a0a}.hec__info{display:flex;flex-direction:column;gap:9px;padding:16px 16px 18px}.hec__title{margin:0;font-family:var(--hec-font-body, inherit);font-size:var(--hec-title-size, 16px);font-weight:500;line-height:1.35}.hec__title a{color:var(--hec-text, #edebe7);text-decoration:none}.hec__title a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:var(--hec-accent, #8e1b1b)}.hec__rating{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--hec-muted, #8a8a85)}.hec__stars{position:relative;display:inline-block;line-height:1}.hec__stars-bg,.hec__stars-fg{display:flex;gap:2px}.hec__stars-bg{color:#edebe738}.hec__stars-fg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--hec-star, #c9a227);white-space:nowrap}.hec__stars svg{width:13px;height:13px;flex:none;fill:currentColor}.hec__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;font-family:var(--hec-font-body, inherit);font-size:var(--hec-price-size, 16px)}.hec__price-now{color:var(--hec-price, #edebe7);font-weight:500}.hec__price-was{color:var(--hec-was, #6e6e68);font-size:.86em;text-decoration:line-through}.hec__off{padding:3px 8px 2px;border-radius:4px;background:var(--hec-accent, #8e1b1b);color:#fff;font-family:var(--hec-font-display, inherit);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hec__swatches{display:flex;align-items:center;gap:var(--hec-swatch-gap, 7px);margin:0;padding:0;list-style:none}.hec__swatch{position:relative;display:block;width:var(--hec-swatch-size, 17px);height:var(--hec-swatch-size, 17px);padding:0;border:1px solid rgba(237,235,231,.3);border-radius:50%;background-color:#444;background-size:cover;background-position:center;cursor:pointer;transition:box-shadow .2s var(--_ease),opacity .2s var(--_ease)}.hec__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--hec-card-bg, #0d0d0d),0 0 0 3px var(--hec-text, #edebe7)}.hec__swatch[data-unavailable=true]{opacity:.32}.hec__swatch[data-unavailable=true]:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:linear-gradient(to bottom right,transparent 46%,rgba(237,235,231,.7) 46%,rgba(237,235,231,.7) 54%,transparent 54%)}.hec__swatch-more{color:var(--hec-muted, #8a8a85);font-size:12px}.hec__cart{width:100%;margin-top:4px;padding:13px 16px 11px;border:1px solid transparent;border-radius:8px;background:var(--hec-btn-bg, #edebe7);color:var(--hec-btn-text, #0a0a0a);font-family:var(--hec-font-display, inherit);font-size:14px;letter-spacing:var(--hec-tracking, .14em);text-transform:uppercase;cursor:pointer;transition:opacity .24s var(--_ease)}.hec__cart:hover{opacity:.86}.hec__cart[disabled]{background:transparent;border-color:var(--hec-border, rgba(237,235,231,.12));color:var(--hec-muted, #8a8a85);cursor:not-allowed;opacity:1}.hec__cart[data-state]{pointer-events:none}.hec__err{margin:0;color:var(--hec-accent, #8e1b1b);font-size:12.5px}.hec__err:empty{display:none}@media(max-width:749px){.hec__info{gap:7px;padding:12px 12px 14px}.hec__title{font-size:calc(var(--hec-title-size, 16px) - 2px)}.hec__price{font-size:calc(var(--hec-price-size, 16px) - 2px)}.hec__badge{top:10px;left:10px;padding:4px 9px 3px}.hec__cart{padding:12px 10px 10px;font-size:13px;letter-spacing:.1em}}.hec-qa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none}.hec-qa.is-open{display:block}.hec-qa__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a8;opacity:0;transition:opacity .32s ease}.hec-qa.is-visible .hec-qa__scrim{opacity:1}.hec-qa__panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,92vw);display:flex;flex-direction:column;gap:18px;padding:24px;background:var(--hec-card-bg, #0d0d0d);color:var(--hec-text, #edebe7);border-left:1px solid var(--hec-border, rgba(237,235,231,.1));overflow-y:auto;transform:translate(100%);transition:transform .38s cubic-bezier(.22,.61,.36,1)}.hec-qa.is-visible .hec-qa__panel{transform:translate(0)}@media(max-width:749px){.hec-qa__panel{top:auto;left:0;width:auto;max-height:88vh;border-left:0;border-top:1px solid var(--hec-border, rgba(237,235,231,.1));border-radius:18px 18px 0 0;transform:translateY(100%)}.hec-qa.is-visible .hec-qa__panel{transform:translateY(0)}}.hec-qa__close{position:absolute;top:16px;right:16px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}.hec-qa__close:hover{background:#edebe71a}.hec-qa__head{display:flex;gap:14px;align-items:flex-start;padding-right:40px}.hec-qa__thumb{width:76px;height:95px;flex:none;object-fit:cover;border-radius:8px;background:var(--hec-media-bg, #141414)}.hec-qa__title{margin:0 0 6px;font-size:16px;font-weight:500;line-height:1.3}.hec-qa__price{display:flex;align-items:baseline;gap:8px;font-size:15px}.hec-qa__label{display:block;margin-bottom:9px;color:var(--hec-muted, #8a8a85);font-family:var(--hec-font-display, inherit);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hec-qa__opts{display:flex;flex-wrap:wrap;gap:8px}.hec-qa__opt{min-width:52px;padding:11px 14px 9px;border:1px solid var(--hec-border-hover, rgba(237,235,231,.2));border-radius:6px;background:transparent;color:var(--hec-text, #edebe7);font-family:var(--hec-font-display, inherit);font-size:14px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.hec-qa__opt[aria-pressed=true]{background:var(--hec-text, #edebe7);border-color:var(--hec-text, #edebe7);color:#0a0a0a}.hec-qa__opt[disabled]{position:relative;color:var(--hec-muted, #8a8a85);border-color:var(--hec-border, rgba(237,235,231,.09));cursor:not-allowed}.hec-qa__opt[disabled]:after{content:"";position:absolute;top:50%;right:8px;left:8px;height:1px;background:currentColor;transform:rotate(-14deg);opacity:.5}.hec-qa__qty{display:inline-flex;align-items:center;border:1px solid var(--hec-border-hover, rgba(237,235,231,.2));border-radius:6px;overflow:hidden}.hec-qa__qty button{width:42px;height:42px;border:0;background:transparent;color:inherit;font-size:17px;cursor:pointer}.hec-qa__qty button:hover{background:#edebe714}.hec-qa__qty input{width:46px;height:42px;border:0;background:transparent;color:inherit;font:inherit;text-align:center}.hec-qa__submit{width:100%;margin-top:auto;padding:16px 18px 14px;border:0;border-radius:8px;background:var(--hec-btn-bg, #edebe7);color:var(--hec-btn-text, #0a0a0a);font-family:var(--hec-font-display, inherit);font-size:15px;letter-spacing:var(--hec-tracking, .14em);text-transform:uppercase;cursor:pointer}.hec-qa__submit[disabled]{background:transparent;border:1px solid var(--hec-border, rgba(237,235,231,.12));color:var(--hec-muted, #8a8a85);cursor:not-allowed}.hec-qa__err{margin:0;color:var(--hec-accent, #8e1b1b);font-size:13px}.hec-qa__err:empty{display:none}.hec-grid{display:grid;gap:var(--hec-gap, 20px);grid-template-columns:repeat(var(--hec-cols-mobile, 2),minmax(0,1fr))}@media(min-width:750px){.hec-grid{grid-template-columns:repeat(var(--hec-cols-tablet, 3),minmax(0,1fr))}}@media(min-width:1100px){.hec-grid{grid-template-columns:repeat(var(--hec-cols, 4),minmax(0,1fr))}}.hec-grid__head{margin-bottom:28px}.hec-grid__h{margin:0;font-family:var(--hec-font-display, inherit);font-size:clamp(30px,5vw,54px);font-weight:400;line-height:1;text-transform:uppercase;color:var(--hec-text, #edebe7)}.hec-grid__sub{margin:8px 0 0;color:var(--hec-muted, #8a8a85);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}.hec-grid__empty{padding:60px 0;color:var(--hec-muted, #8a8a85);text-align:center}.hec a:focus-visible,.hec button:focus-visible,.hec-qa button:focus-visible,.hec-qa input:focus-visible{outline:2px solid var(--hec-text, #edebe7);outline-offset:2px;border-radius:4px}.hec-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.hec,.hec__img,.hec__actions,.hec-qa__panel,.hec-qa__scrim{transition-duration:1ms!important}.hec:hover,.hec:hover .hec__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/humble-editorial-card.css.map */