.maharat-fav-variant-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.maharat-fav-variant-modal.is-open{opacity:1}.maharat-fav-variant-modal[hidden]{display:none}.maharat-fav-variant-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.maharat-fav-variant-modal__panel{position:relative;z-index:1;background:#fff;max-width:480px;width:calc(100% - 32px);max-height:80vh;overflow-y:auto;padding:32px 28px 16px;box-shadow:0 20px 60px #0003;transform:translateY(10px);transition:transform .2s ease}.maharat-fav-variant-modal.is-open .maharat-fav-variant-modal__panel{transform:translateY(0)}.maharat-fav-variant-modal__close{position:absolute;top:10px;right:10px;background:transparent;border:none;padding:8px;cursor:pointer;color:#555;line-height:0}.maharat-fav-variant-modal__close:hover{color:#000}.maharat-fav-variant-modal__head{display:flex;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #eee}.maharat-fav-variant-modal__image{flex:0 0 64px;height:80px;background:#f5f3f0;overflow:hidden}.maharat-fav-variant-modal__image img{width:100%;height:100%;object-fit:cover;display:block}.maharat-fav-variant-modal__head-text{flex:1;min-width:0}.maharat-fav-variant-modal__title{font-size:15px;font-weight:600;letter-spacing:.02em;margin:0 0 6px;text-transform:uppercase;color:#000;line-height:1.3}.maharat-fav-variant-modal__subtitle{font-size:11.5px;color:#666;margin:0;letter-spacing:.02em}.maharat-fav-variant-modal__list{list-style:none;padding:0;margin:0}.maharat-fav-variant-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #f0f0f0}.maharat-fav-variant-row:last-child{border-bottom:none}.maharat-fav-variant-row.is-unavailable .maharat-fav-variant-row__title,.maharat-fav-variant-row.is-unavailable .maharat-fav-variant-row__price{color:#aaa;text-decoration:line-through}.maharat-fav-variant-row__heart{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;color:#000;transition:transform .12s ease}.maharat-fav-variant-row__heart:hover{transform:scale(1.12)}.maharat-fav-variant-row__heart.is-saved svg{fill:#c8102e;stroke:#c8102e}.maharat-fav-variant-row__title{font-size:14px;color:#000;letter-spacing:.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maharat-fav-variant-row__price{font-size:14px;color:#000;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/11/assets/maharat-fav-variant-modal.css.map */