.yg{background:var(--yg-bg);color:var(--yg-fg);padding:var(--yg-pt) 0 var(--yg-pb);box-sizing:border-box}.yg__wrap{width:100%;max-width:var(--yg-max);margin:0 auto;padding:0 clamp(20px,3vw,48px);box-sizing:border-box}.yg__head{margin:0 0 clamp(24px,4vw,44px)}.yg__count{display:block;margin:0 0 12px;font-size:11px;letter-spacing:.2em;color:var(--yg-muted)}.yg .yg__title{margin:0;font-size:var(--yg-ts);font-weight:600;line-height:1.1;letter-spacing:.14em;text-transform:uppercase;color:var(--yg-fg)}.yg__intro{margin:14px 0 0;max-width:64ch;font-size:13px;line-height:1.7;letter-spacing:.04em;color:var(--yg-muted)}.yg__bar{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;padding:14px 0;margin:0 0 clamp(20px,3vw,36px);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.yg__filters,.yg__sort{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.yg__lbl{color:var(--yg-muted)}.yg__f{position:relative}.yg__f summary{list-style:none;cursor:pointer;padding:9px 14px;border:1px solid rgba(255,255,255,.18);background:#0d0d0d;color:var(--yg-fg);-webkit-user-select:none;user-select:none}.yg__f summary::-webkit-details-marker{display:none}.yg__f summary:after{content:" +";color:var(--yg-muted)}.yg__f[open] summary:after{content:" \2212"}.yg__f summary:hover,.yg__f[open] summary{border-color:#ffffff73}.yg__f.has-active summary{border-color:var(--yg-fg)}.yg__panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;min-width:220px;padding:10px;background:#0d0d0d;border:1px solid rgba(255,255,255,.22);display:grid;gap:2px}.yg__opt{display:flex;justify-content:space-between;gap:16px;padding:9px 10px;color:var(--yg-muted);text-decoration:none;letter-spacing:.1em}.yg__opt:hover{background:#ffffff0f;color:var(--yg-fg)}.yg__opt.is-on{color:var(--yg-fg)}.yg__opt.is-on:before{content:"\2713"}.yg__opt.is-off{opacity:.35;pointer-events:none}.yg__price{display:flex;gap:8px;align-items:center;padding:6px 4px}.yg__price input{all:unset;box-sizing:border-box;width:84px;padding:9px 10px;border:1px solid rgba(255,255,255,.18);background:#000;color:var(--yg-fg);letter-spacing:.08em}.yg__apply{all:unset;box-sizing:border-box;margin:6px 4px 2px;padding:10px 14px;text-align:center;background:var(--yg-btn);color:var(--yg-btnt);font-weight:700;letter-spacing:.14em;cursor:pointer}.yg__apply:hover{background:var(--yg-ac);color:#fff}.yg__clear{color:var(--yg-muted);text-decoration:underline;text-underline-offset:3px}.yg__select{all:unset;box-sizing:border-box;padding:9px 30px 9px 14px;border:1px solid rgba(255,255,255,.18);background:#0d0d0d;color:var(--yg-fg);cursor:pointer;letter-spacing:.1em}.yg__select option{background:#0d0d0d;color:#f2f2f2}.yg__n{color:var(--yg-muted)}.yg__grid{display:grid;grid-template-columns:repeat(var(--yg-cols),minmax(0,1fr));gap:var(--yg-gap)}.yg__card{display:block;color:var(--yg-fg);text-decoration:none}.yg__img{position:relative;display:block;aspect-ratio:var(--yg-ratio);overflow:hidden;background:#0b0b0b;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.yg__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.yg__card:hover .yg__img img{transform:scale(1.04)}.yg__tag{position:absolute;top:10px;left:24px;z-index:2;padding:4px 9px;background:#ff2a2a;color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.yg__tag--sold{background:#fcfcfc;color:#000}.yg .yg__name{margin:14px 0 6px;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--yg-fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yg .yg__p{margin:0;font-size:12px;letter-spacing:.08em;color:var(--yg-muted)}.yg__p s{margin-left:8px;opacity:.7}.yg__empty{padding:40px 0;color:var(--yg-muted);letter-spacing:.08em}.yg__pg{display:flex;gap:12px;justify-content:center;margin-top:44px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.yg__pg a,.yg__pg span{color:var(--yg-fg);text-decoration:none;padding:8px 12px;border:1px solid rgba(255,255,255,.2)}.yg__pg .is-cur{background:var(--yg-fg);color:var(--yg-bg)}@media(max-width:749px){.yg__grid{grid-template-columns:repeat(var(--yg-colsm),minmax(0,1fr))}.yg__panel{position:fixed;left:20px;right:20px;top:auto}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/yokae-grid.css.map */