.fumi-yml{--fumi-bg: oklch(.975 .006 85);--fumi-bg2: #fff;--fumi-surface: oklch(.992 .004 85);--fumi-ink: oklch(.225 .008 60);--fumi-soft: oklch(.45 .01 55);--fumi-line: oklch(.905 .008 80);--fumi-line2: oklch(.83 .011 78);--fumi-accent: oklch(.43 .058 138);--fumi-sold: oklch(.68 .01 60);margin-top:56px;padding-top:44px;border-top:1px solid var(--fumi-line);background:var(--fumi-bg2);color:var(--fumi-ink)}.fumi-yml .fumi-num{font-variant-numeric:tabular-nums}.fumi-yml__inner{max-width:var(--page-width);margin:0 auto;padding-left:40px;padding-right:40px}.fumi-yml__title{font-weight:500;font-size:30px;margin:0 0 22px}.fumi-yml .fumi-bl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.fumi-yml .bl-card{position:relative}.fumi-yml .bl-card__media{position:relative;aspect-ratio:4 / 5;border-radius:6px;overflow:hidden;background:var(--fumi-line)}.fumi-yml .bl-media{display:block;width:100%;height:100%}.fumi-yml .bl-media__slide{width:100%;height:100%;object-fit:cover;display:block}.fumi-yml .bl-media__slide[hidden]{display:none}.fumi-yml .bl-nav--media{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;background:#ffffffe6;color:var(--fumi-ink);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:#00000026 0 2px 8px;background:none;box-shadow:none;cursor:pointer;padding:0;z-index:2}.fumi-yml .bl-nav--prev{left:10px}.fumi-yml .bl-nav--next{right:10px}.fumi-yml .bl-nav--dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:2}.fumi-yml .bl-nav__dot{width:6px;height:6px;border-radius:100px;background:#fff9;box-shadow:#00000040 0 1px 2px;transition:width .25s}.fumi-yml .bl-nav__dot.is-active{width:16px;background:#fff}.fumi-yml .bl-card__body{position:relative;margin-top:13px;min-height:44px}.fumi-yml .bl-card__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.fumi-yml .bl-card__title{font-size:18px;font-weight:600;color:var(--fumi-ink);text-decoration:none}.fumi-yml .bl-card__title:hover{text-decoration:underline}.fumi-yml .bl-card__prices{display:flex;align-items:baseline;gap:8px;flex-shrink:0}.fumi-yml .bl-card__compare{font-size:16.8px;color:var(--fumi-soft);text-decoration:line-through}.fumi-yml .bl-card__price{font-size:16.8px;color:var(--fumi-soft)}.fumi-yml .bl-card__subtitle{font-size:15px;color:var(--fumi-soft);margin-top:2px}.fumi-yml .bl-card__overlay{position:absolute;right:0;bottom:0;left:0;padding:10px 10px 0;display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center;background:var(--fumi-bg2);opacity:0;pointer-events:none;transition:opacity .2s ease}@media screen and (min-width:991px){.fumi-yml .bl-card__overlay.is-static,.fumi-yml .bl-card:hover .bl-card__overlay,.fumi-yml .bl-card:focus-within .bl-card__overlay{opacity:1;pointer-events:auto}}.fumi-yml .bl-card__swatches{display:flex;gap:14px;flex-wrap:wrap}.fumi-yml .bl-card__swatch{width:18px;height:18px;border-radius:50%;padding:0;border:none;outline:1px solid var(--fumi-line2);outline-offset:2px;cursor:pointer}.fumi-yml .bl-card__swatch.is-selected{outline:2px solid var(--fumi-accent)}.fumi-yml .bl-card__sizes{display:flex;gap:6px;flex-wrap:wrap}.fumi-yml .bl-card__size{min-width:34px;padding:7px 9px;border-radius:8px;background:var(--fumi-surface);border:1px solid var(--fumi-line2);color:var(--fumi-ink);font-size:14.4px;font-weight:600;cursor:pointer}.fumi-yml .bl-card__size.is-selected{border-color:var(--fumi-ink);background:var(--fumi-ink);color:var(--fumi-bg)}.fumi-yml .bl-card__size.is-sold-out{background:var(--fumi-bg);border-color:var(--fumi-line);color:var(--fumi-sold);text-decoration:line-through;cursor:default}.fumi-yml .bl-card__form{width:100%;margin-top:4px}.fumi-yml .bl-card__add{width:100%;border:none;border-radius:9px;padding:10px 12px;background:var(--fumi-ink);color:var(--fumi-bg);font-size:15px;font-weight:600;cursor:pointer}.fumi-yml .bl-card__add:disabled{opacity:.45;cursor:default}@media screen and (max-width:989px){.fumi-yml .fumi-bl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.fumi-yml__inner{padding-left:20px;padding-right:20px}.fumi-yml__title{font-size:26px}.fumi-yml .fumi-bl{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-fumi-you-may-also-like.css.map */