.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 14px}@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr);gap:30px 18px}.grid.big{grid-template-columns:repeat(3,1fr)}}.grid.cols-3{grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}}.card{display:grid;gap:10px;align-content:start;animation:rise .5s var(--ease) both;min-width:0}.card[hidden]{display:none}.card .img{background:var(--tile);border-radius:var(--radius);aspect-ratio:1;position:relative;overflow:hidden}.card .img-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.card .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:opacity .45s var(--ease),transform .8s var(--ease)}.card .img img.alt,.card .img:hover img.main{opacity:0}.card .img:hover img.alt{opacity:1;transform:scale(1.03)}.card .img:not(:has(img.alt)):hover img.main{opacity:1;transform:scale(1.04)}.ph-empty{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tile)}.badge{position:absolute;top:12px;inset-inline-start:12px;z-index:2;background:var(--red);color:#fff;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;pointer-events:none}.badge.new{background:#fff;color:var(--fg);border:1px solid var(--line)}.badge.sale{background:var(--fg)}.badge.out{background:#fff;color:var(--muted);border:1px solid var(--line)}:root[dir=rtl] .badge{letter-spacing:0;font-size:12px}.heart{position:absolute;top:8px;inset-inline-end:8px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:#ffffffd9;display:grid;place-items:center;transition:transform .2s}.heart:hover{transform:scale(1.08)}.heart .icon{width:20px;height:20px}.heart .icon-on,.wish-btn .icon-on{display:none;color:var(--red)}.heart[aria-pressed=true] .icon-off,.wish-btn[aria-pressed=true] .icon-off{display:none}.heart[aria-pressed=true] .icon-on,.wish-btn[aria-pressed=true] .icon-on{display:block}.heart.beat .icon-on,.wish-btn.beat .icon-on{animation:pop .4s var(--ease)}.quick{position:absolute;inset-inline:12px;bottom:12px;z-index:3;min-height:44px;border:0;border-radius:999px;background:var(--fg);color:#fff;font-family:var(--display);font-weight:600;font-size:14px;transform:translateY(140%);transition:transform .35s var(--ease),background .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.card .img:hover .quick,.quick:focus-visible,.quick.is-loading,.quick.added{transform:none}.quick.added{background:var(--ok)}.quick.is-sold{background:#fff;color:var(--muted)}@media(hover:none){.quick{transform:none;inset-inline:auto 10px;width:40px;min-height:40px;padding:0;font-size:0}.quick:before{content:"+";font-size:22px}.quick.added:before{content:"\2713";font-size:18px}.quick.is-sold{display:none}}.card h3{font-size:16px;font-weight:600}:root[dir=rtl] .card h3{font-size:18px;font-weight:700}.card h3 a:hover{color:var(--red)}.card .meta{display:flex;justify-content:space-between;gap:8px;font-size:15px;color:var(--muted);align-items:baseline;flex-wrap:wrap}.price{font-family:var(--display);font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}.price s{color:var(--muted);font-weight:400;margin-inline-end:6px}.price small{font-weight:400;color:var(--muted);font-size:.8em;margin-inline-end:2px}.price.sale{color:var(--red)}.dots{display:flex;gap:6px;align-items:center}.dots i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.dots small{font-size:12px;color:var(--muted)}.toolbar{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--header-h));z-index:20;background:#ffffffe6;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);margin-bottom:24px;border-bottom:1px solid var(--line)}.tb{display:flex;align-items:center;gap:0 18px;flex-wrap:wrap}.tabs{position:relative;order:1;align-self:stretch}.tablist{display:flex;gap:24px}.tablist button{border:0;background:none;padding:0;min-height:58px;font-family:var(--display);font-weight:500;font-size:15px;color:var(--muted);display:inline-flex;align-items:center;gap:4px;transition:color .2s}.tablist button:hover,.tablist button[aria-selected=true]{color:var(--fg)}.tablist sup{font-size:10px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.tablist button[aria-selected=true] sup{color:var(--red)}.ink{position:absolute;bottom:-1px;inset-inline-start:0;height:2px;width:0;background:var(--fg);border-radius:2px;transition:transform .45s var(--ease),width .45s var(--ease)}.facets{order:2;margin-inline-start:auto;display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-block:10px;max-width:100%}.facets::-webkit-scrollbar{display:none}.facet{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding-inline:15px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-family:var(--display);font-size:14px;font-weight:500;transition:border-color .2s,background .2s,color .2s}.facet:hover{border-color:var(--fg)}.facet>.icon{width:12px;height:12px;stroke-width:2.2;transition:transform .3s var(--ease)}.facet[aria-expanded=true]>.icon{transform:rotate(180deg)}.facet.on{background:var(--fg);border-color:var(--fg);color:#fff}.facet .val{font-weight:400;opacity:.72;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facet .dots{display:inline-flex;padding-inline-start:4px}.facet .dots i{width:13px;height:13px;border:1.5px solid #fff;margin-inline-start:-5px}.facet.sort{border-color:transparent;padding-inline:10px 8px}.facet.sort:hover{background:var(--tile)}.facet.sort .val{opacity:1;font-weight:600}.clearf{flex:none;border:0;background:none;height:38px;padding:0 6px;font-family:var(--display);font-size:13px;font-weight:600;color:var(--red);animation:rise .3s var(--ease)}.tb-end{order:3;display:flex;align-items:center;gap:12px}.count{font-family:var(--display);font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.views{display:none}@media(min-width:900px){.views{display:inline-flex}}@media(max-width:899px){.tb-end{order:2;margin-inline-start:auto}.facets{order:3;flex-basis:100%;margin-inline-start:0;padding-block:0 12px}.tablist{gap:20px}}.fpop{position:fixed;z-index:45;width:330px;max-width:calc(100vw - 24px);background:#fff;border-radius:20px;padding:8px;box-shadow:0 30px 60px -24px #00000061,0 0 0 1px #0000000d;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity .22s,transform .3s var(--ease),visibility .3s}.fpop.on{opacity:1;visibility:visible;transform:none}.fpop h4{margin:0;padding:10px 12px 6px;font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}:root[dir=rtl] .fpop h4{letter-spacing:0;font-size:14px}.opt{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;background:none;border-radius:12px;font-family:var(--display);font-size:15px;text-align:start;transition:background .15s}.opt:hover:not([disabled]){background:var(--tile)}.opt[disabled]{opacity:.35;cursor:default}.opt .box{width:20px;height:20px;flex:none;border-radius:6px;border:1.5px solid #cdc6bf;display:grid;place-items:center;transition:background .2s,border-color .2s}.opt .box .icon{width:14px;height:14px;stroke:#fff;stroke-width:3;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .3s var(--ease)}.opt[aria-pressed=true] .box{background:var(--fg);border-color:var(--fg)}.opt[aria-pressed=true] .box .icon{stroke-dashoffset:0}.opt.radio .box{border-radius:50%}.opt.radio[aria-pressed=true] .box{background:#fff;border:6px solid var(--fg)}.opt .n{margin-inline-start:auto;color:var(--muted);font-size:13px}.opt .h{width:9px;height:24px;flex:none;border-radius:3px;background:var(--tile);position:relative;overflow:hidden}.opt .h i{position:absolute;inset-inline:0;bottom:0;background:var(--red);border-radius:3px}.cgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:4px}.copt{border:0;background:none;display:grid;justify-items:center;gap:6px;padding:10px 2px 8px;border-radius:14px;font-family:var(--display);font-size:12px;font-weight:500;transition:background .15s}.copt:hover:not([disabled]){background:var(--tile)}.copt[disabled]{opacity:.3;cursor:default}.copt i{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.12);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}.copt[aria-pressed=true] i{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--fg);transform:scale(.9)}.copt small{color:var(--muted);font-size:11px;margin-top:-4px}.pfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:6px;padding:10px 4px 2px}.pfoot .reset{border:0;background:none;font-family:var(--display);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:8px}.pfoot .reset[disabled]{opacity:.35;cursor:default}.pfoot .btn{min-height:42px;padding:0 18px;font-size:14px}.fscrim{display:none}@media(max-width:699px){.fpop{left:0!important;right:0;bottom:0;top:auto!important;width:auto;max-width:none;border-radius:24px 24px 0 0;padding:6px 12px calc(14px + env(safe-area-inset-bottom,0px));transform:translateY(100%);transition:transform .4s var(--ease),visibility .4s,opacity .2s}.fpop:before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:#ddd6d0;margin:6px auto 4px}.fpop.on{transform:none}.fscrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#17171761;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.fscrim.on{opacity:1;visibility:visible}.opt{padding-block:13px}}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;background:var(--tile);border-radius:20px;display:grid;gap:14px;justify-items:center}.empty b{font-family:var(--display);font-size:20px}.contents{display:contents}.rail{margin-block:0 90px}.rail-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.rail-head h2{font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.02em}:root[dir=rtl] .rail-head h2{letter-spacing:0;font-weight:700}.rail-head .why{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;margin-top:6px}.rail-head .why .icon{width:14px;height:14px;color:var(--red)}.rail .grid{grid-template-columns:repeat(2,1fr)}@media(min-width:900px){.rail .grid{grid-template-columns:repeat(4,1fr)}}.upsell{border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:12px;background:#fff}.upsell-head{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:14px}.upsell-head .icon{width:16px;height:16px;color:var(--red);flex:none}.upsell-row{display:grid;gap:10px}.up-card{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}.up-card .ph{width:64px;height:64px;border-radius:12px;background:var(--tile);overflow:hidden;display:block}.up-card img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.up-info{display:grid;gap:1px;min-width:0}.up-info>a{font-family:var(--display);font-weight:600;font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.up-info .muted{font-size:12px}.up-price{font-size:14px}.up-add{width:38px;height:38px;border-radius:50%;border:0;background:var(--fg);color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;transition:background .2s,transform .2s var(--ease)}.up-add:hover{background:var(--red);transform:scale(1.06)}.up-add.added{background:var(--ok);font-size:16px}.up-add.is-loading{font-size:0}.up-add.is-loading:after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #fff;border-top-color:transparent;animation:spin .7s linear infinite}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--fg);animation:spin .7s linear infinite;display:block;margin:auto}.badge{top:12px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1;background:#111111e0;color:#fff;border:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px -8px #00000073}.badge.new{background:#ffffffeb;color:var(--fg);border:0;box-shadow:0 6px 18px -8px #00000059,inset 0 0 0 1px #0000000f}.badge.new:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #e2231a2e}.badge.sale{background:var(--red)}.badge.out{background:#ffffffeb;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.dots{display:flex;align-items:center;gap:0;padding-top:2px}.dots i{position:relative;width:18px;height:18px;border-radius:50%;border:2px solid #fff;margin-inline-start:-6px;box-shadow:0 0 0 1px #00000024,inset 0 -4px 6px #00000024,inset 0 3px 4px #ffffff47;transition:transform .25s var(--ease),margin .25s var(--ease)}.dots i:first-child{margin-inline-start:0}.card:hover .dots i{margin-inline-start:-2px}.card:hover .dots i:first-child{margin-inline-start:0}.dots i:hover{transform:translateY(-3px) scale(1.12);z-index:2}.dots small{margin-inline-start:8px;padding:2px 7px;border-radius:999px;background:var(--tile);font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.card .meta{font-size:13px;letter-spacing:.01em}.card .meta>*:first-child{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}:root[dir=rtl] .card .meta>*:first-child{letter-spacing:0;font-size:12.5px}.card .meta .price,.card .meta b{color:var(--fg);font-family:var(--display);font-weight:600;font-size:16px}.facet .dots i{width:14px;height:14px;border-width:1.5px;margin-inline-start:-6px}.toolbar{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.heart{background:#ffffffeb;box-shadow:0 6px 18px -8px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.heart[aria-pressed=true]{background:#fff}@media(hover:none),(max-width:700px){.heart{top:8px;inset-inline-end:8px;width:30px;height:30px;box-shadow:0 4px 12px -6px #0006}.heart .icon{width:16px;height:16px}.quick{inset-inline:auto 8px;bottom:8px;width:32px;min-height:32px;height:32px;padding:0;border-radius:50%;background:#fffffff0;color:var(--fg);font-size:0;box-shadow:0 4px 14px -6px #00000073,inset 0 0 0 1px #0000000f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:none;transition:transform .2s var(--ease),background .2s,color .2s}.quick:before{content:"";width:12px;height:12px;background:linear-gradient(currentColor,currentColor) center/100% 1.6px no-repeat,linear-gradient(currentColor,currentColor) center/1.6px 100% no-repeat}.quick:active{transform:scale(.9)}.quick.added{background:var(--fg);color:#fff}.quick.added:before{content:"";width:12px;height:7px;border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;background:none;transform:rotate(-45deg) translate(1px,-1px)}.quick.is-loading{opacity:.6}.badge{top:8px;inset-inline-start:8px;padding:5px 9px 5px 8px;font-size:9px;letter-spacing:.14em;gap:5px}.badge.new:before{width:5px;height:5px;box-shadow:0 0 0 2px #e2231a2e}}@media(hover:none),(max-width:700px){.quick{display:grid;place-items:center;gap:0;line-height:0;text-align:center;overflow:hidden}.quick:before{display:block;margin:0;flex:none;align-self:center;justify-self:center}}.badge,.badge.new,.badge.sale,.badge.out{top:12px;inset-inline-start:12px;gap:0;padding:6px 10px 5px;border-radius:6px;font-family:var(--display);font-size:9.5px;font-weight:600;letter-spacing:.24em;line-height:1;text-transform:uppercase;text-indent:.12em;background:#ffffffb8;color:var(--fg);-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4);box-shadow:0 0 0 .5px #0000002e,0 8px 20px -12px #00000080}.badge.new:before{display:none}.badge.sale{background:#e2231aeb;color:#fff;box-shadow:0 8px 20px -10px #e2231ab3}.badge.out{color:var(--muted);background:#fff9}:root[dir=rtl] .badge,:root[dir=rtl] .badge.new,:root[dir=rtl] .badge.sale,:root[dir=rtl] .badge.out{letter-spacing:.04em;font-size:11px;text-indent:0;padding:5px 10px}.card .meta>*:first-child{font-size:10px;font-weight:500;letter-spacing:.2em}.card h3,.card .title{font-weight:600;letter-spacing:-.005em}@media(hover:none),(max-width:700px){.badge,.badge.new,.badge.sale,.badge.out{top:8px;inset-inline-start:8px;padding:5px 8px 4px;font-size:8.5px;letter-spacing:.2em;border-radius:5px}}@media(hover:none),(max-width:700px){.quick{position:absolute;display:block}.quick:before{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}.quick.added:before{transform:translate(-50%,-62%) rotate(-45deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/odds-commerce.css.map */