:root{--hy-surface: oklch(.912 .055 64);--hy-text: oklch(.32 .012 90);--hy-muted: oklch(.52 .01 90);--hy-azure: oklch(.62 .13 232);--hy-azure-deep: oklch(.42 .13 238);--hy-line: rgba(0,0,0,.1);--hy-radius: 20px;--hy-radius-lg: 28px;--hy-pill: 9999px;--hy-shadow: 0 8px 24px -12px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.05);--hy-shadow-hi: 0 14px 36px -12px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.05);--hy-sea: linear-gradient(118deg, oklch(1 0 0 / .32) 0%, oklch(1 0 0 / 0) 24%), linear-gradient(212deg, oklch(1 0 0 / .2) 0%, oklch(1 0 0 / 0) 34%), linear-gradient(135deg, oklch(.56 .13 236) 0%, oklch(.72 .11 216) 52%, oklch(.5 .13 240) 100%);--hy-sea-hover: linear-gradient(135deg, oklch(.5 .13 238) 0%, oklch(.62 .12 220) 52%, oklch(.44 .13 242) 100%)}.hy-sweep{position:relative;overflow:hidden;isolation:isolate}.hy-sweep>.hy-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:0;transform:translate(-101%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.hy-sweep>.hy-lab{position:relative;z-index:1;white-space:nowrap;transition:color .3s cubic-bezier(.4,0,.2,1)}.hy-shop-hero{padding:0 8px}.hy-shop-hero-frame{position:relative;overflow:hidden;border-radius:var(--hy-radius);background:#0085b7;background:oklch(.58 .13 234)}.hy-shop-hero-frame img{display:block;width:100%;aspect-ratio:16/9;max-height:58vh;object-fit:cover}.hy-hero-top{position:absolute;inset:0 0 auto 0;height:25%;pointer-events:none;display:block!important;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent)}.hy-hero-bottom{position:absolute;inset:auto 0 0 0;height:25%;pointer-events:none;display:block!important;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,.2) 45%,transparent)}.hy-shop-hero-frame h1{position:absolute;top:18px;left:30px;z-index:10;margin:0;font-size:clamp(3rem,6vw,4.5rem);letter-spacing:-.01em;text-transform:uppercase;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}.hy-shop{max-width:1600px;margin:0 auto;padding:8px 20px 0}.hy-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:14px 0 0}.hy-filters{display:flex;flex-wrap:wrap;gap:8px}.hy-chip{border:1px solid var(--hy-line);background:#ffffff80;border-radius:var(--hy-pill);padding:8px 16px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hy-text);transition:all .25s ease}.hy-chip[aria-pressed=true]{border-color:transparent;color:#fff;background-color:#0085b7;background-color:oklch(.58 .13 234);background-image:var(--hy-sea);box-shadow:0 6px 16px -6px #1a8fc980}.hy-toolbar-right{display:flex;align-items:center;gap:14px;margin-left:auto}.hy-count{font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--hy-muted);white-space:nowrap}.hy-select{-webkit-appearance:none;appearance:none;border:1px solid var(--hy-line);background:#fff9;border-radius:var(--hy-pill);padding:9px 34px 9px 16px;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hy-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23524c46' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.hy-density{display:flex;align-items:center;gap:6px}.hy-density button{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--hy-muted)}.hy-density button[aria-pressed=true]{border-color:var(--hy-text);color:var(--hy-text)}.hy-grid{display:grid;gap:24px;padding:24px 0 0;grid-template-columns:repeat(3,minmax(0,1fr))}.hy-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.hy-card{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--hy-surface);border:1px solid var(--hy-line);border-radius:var(--hy-radius-lg);box-shadow:var(--hy-shadow);transition:box-shadow .3s ease}.hy-card[hidden]{display:none}.hy-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.hy-card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block}.hy-badge-off{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:20;background-color:#0085b7;background-color:oklch(.58 .13 234);background-image:var(--hy-sea);color:#fff;font-size:10px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:var(--hy-pill);white-space:nowrap;pointer-events:none;box-shadow:0 8px 18px -6px #0006}.hy-bag{position:absolute;top:14px;right:14px;z-index:20;width:40px;height:40px;border:0;border-radius:var(--hy-pill);background-color:#0085b7;background-color:oklch(.58 .13 234);background-image:var(--hy-sea);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #1a8fc959;transition:transform .3s ease}.hy-bag[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.hy-card-title{position:absolute;top:16px;left:20px;z-index:10;margin:0;max-width:60%;pointer-events:none;font-size:clamp(1.4rem,2.2vw,2.25rem);line-height:.95;letter-spacing:-.02em;color:var(--hy-text)}.hy-card-title span{display:block}.hy-card-color{text-transform:capitalize}.hy-card-info{position:absolute;inset:auto 24px 24px 24px;z-index:10;display:flex;align-items:flex-end;justify-content:center;transition:opacity 1.1s ease;pointer-events:none}.hy-card-info p{margin:0;display:flex;align-items:baseline;gap:6px}.hy-was{font-size:14px;font-weight:500;color:#2e2a2699;text-decoration:line-through}.hy-now{font-size:16px;font-weight:700;color:var(--hy-azure)}.hy-pricepill{position:absolute;inset:auto 16px 16px 16px;z-index:20;border:0;background-color:#0085b7;background-color:oklch(.58 .13 234);background-image:var(--hy-sea);color:#fff;border-radius:var(--hy-pill);padding:15px 24px;display:block;text-align:center;opacity:0;transform:translateY(140%);pointer-events:none;transition:opacity 1.3s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1);box-shadow:0 10px 26px #1a8fc959}.hy-pricepill .hy-lab{display:flex;align-items:baseline;justify-content:center;gap:8px;color:#fff}.hy-pricepill .hy-lab strong{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hy-was-pill{font-size:13px;font-weight:500;text-decoration:line-through;transition:color .3s cubic-bezier(.4,0,.2,1)}.hy-empty{padding:60px 0;text-align:center;color:var(--hy-muted);font-size:15px}@media(hover:hover){.hy-sweep:hover>.hy-fill{transform:translate(0)}.hy-sweep:hover>.hy-lab{color:var(--hy-azure-deep)}.hy-chip:hover{border-color:var(--hy-text)}.hy-bag:hover{background-image:var(--hy-sea-hover);transform:scale(1.05)}.hy-card:hover{box-shadow:var(--hy-shadow-hi)}.hy-card:hover .hy-card-img{transform:scale(1.03)}.hy-card:hover .hy-card-info{opacity:0}.hy-card:hover .hy-pricepill{opacity:1;transform:translateY(0);pointer-events:auto}.hy-card:hover .hy-pricepill>.hy-fill{transform:translate(0)}.hy-card:hover .hy-pricepill>.hy-lab{color:var(--hy-azure-deep)}.hy-card:hover .hy-was-pill{color:#1e406e8c}}@media(hover:none){.hy-card-info{display:none}.hy-pricepill{opacity:1;transform:translateY(0);pointer-events:auto}}@media(max-width:1000px){.hy-grid,.hy-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.hy-grid,.hy-grid[data-cols="2"]{grid-template-columns:1fr;gap:18px}.hy-shop-hero-frame img{max-height:none}.hy-shop-hero-frame h1{top:12px;left:18px;font-size:2.4rem}.hy-toolbar-right{width:100%;margin-left:0;justify-content:space-between}.hy-card-title{font-size:1.7rem;max-width:52%}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hyro-shop.css.map */