.fn-myob{padding:28px 0 160px}.fn-myob__head{text-align:center;margin:0 auto 28px;max-width:720px}.fn-myob__title{font-size:clamp(26px,4vw,40px);line-height:1.15;margin:0 0 10px}.fn-myob__sub{margin:0;opacity:.75;font-size:15px}.fn-myob__note{background:#fff6d6;border:1px solid #e6c860;padding:10px 14px;border-radius:8px;font-size:14px}.fn-myob__filters{margin-bottom:22px}.fn-myob__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}@media(min-width:750px){.fn-myob__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}}@media(min-width:1024px){.fn-myob__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.fn-myob-card{display:flex;flex-direction:column;gap:10px}.fn-myob-card.is-hidden{display:none}.fn-myob-card__img{position:relative;aspect-ratio:1 / 1;background:#e4e1dc;border-radius:10px;overflow:hidden;transition:background .4s ease,box-shadow .2s ease}.fn-myob-card__img img{width:100%;height:100%;object-fit:cover;display:block}.fn-myob-card.is-selected .fn-myob-card__img{box-shadow:0 0 0 2px #171717 inset}.fn-myob-card__count{position:absolute;top:8px;right:8px;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#171717;color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center}.fn-myob-card__count[hidden]{display:none}.fn-myob-card__info{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.fn-myob-card__name{margin:0;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.fn-myob-card__actions{display:flex;justify-content:center}.fn-myob-add,.fn-myob-step{height:40px;border-radius:999px}.fn-myob-add{width:100%;max-width:200px;border:1px solid #171717;background:transparent;color:#171717;font-size:13px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .2s,color .2s}.fn-myob-add:hover{background:#171717;color:#fff}.fn-myob-add[hidden]{display:none}.fn-myob-step{display:inline-flex;align-items:center;justify-content:space-between;width:100%;max-width:200px;background:#171717;color:#fff;padding:0 6px}.fn-myob-step[hidden]{display:none}.fn-myob-step button{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:18px;line-height:1;cursor:pointer}.fn-myob-step button:hover{background:#ffffff2e}.fn-myob-step button:disabled{opacity:.35;cursor:not-allowed}.fn-myob-step span{font-size:14px;font-weight:600}.fn-myob-tray{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #e3e3e3;box-shadow:0 -8px 24px #00000014;padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}@media(max-width:1024px){.fn-myob-tray{bottom:5.5rem}.fn-myob{padding-bottom:260px}}.fn-myob-tray__slots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.fn-myob-slot{width:46px;height:46px;border-radius:50%;border:1.5px dashed #b9b4ac;background:#f3f1ee;display:grid;place-items:center;font-size:13px;color:#8a857d;padding:0;position:relative;overflow:hidden}.fn-myob-slot.is-filled{border:1.5px solid #171717;background:#e4e1dc;cursor:pointer}.fn-myob-slot img{width:100%;height:100%;object-fit:cover}.fn-myob-slot.is-filled:hover:after{content:"\d7";position:absolute;top:0;right:0;bottom:0;left:0;background:#171717b3;color:#fff;display:grid;place-items:center;font-size:22px}.fn-myob-tray__info{display:flex;flex-direction:column;font-size:13px;line-height:1.3;text-align:center}.fn-myob-tray__info strong{font-size:15px}.fn-myob-clearbox{border:0;background:transparent;text-decoration:underline;color:#e85c41;font-size:13px;cursor:pointer}.fn-myob-clearbox[hidden]{display:none}.fn-myob-cart{height:48px;padding:0 28px;border:0;border-radius:999px;background:#171717;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.fn-myob-cart:disabled{background:#c9c5be;cursor:not-allowed}.fn-myob-tray__msg{flex-basis:100%;margin:0;text-align:center;font-size:13px;color:#c0392b;min-height:0}.fn-myob-tray__msg:empty{display:none}@media(max-width:749px){.fn-myob-slot{width:38px;height:38px}.fn-myob-tray{gap:8px 12px;padding:10px 12px}.fn-myob-cart{height:44px;padding:0 20px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/fn-myob.css.map */