.underlay-recommendations{width:100%;margin:10px 0}.underlay-recommendations__header{margin-bottom:12px}.underlay-recommendations__title{margin:0 0 4px;padding:0;font-size:17px;line-height:1.3;font-weight:700}.underlay-recommendations__subtitle{margin:0;padding:0;font-size:13px;line-height:1.4}.underlay-recommendations__list{display:flex;flex-direction:column;gap:10px;width:100%}.underlay-card{display:flex;align-items:center;width:100%;gap:12px;padding:10px;background:#fff;border:1px solid #d7d7d7;border-radius:7px;box-sizing:border-box}.underlay-card__image{width:64px;height:64px;min-width:64px;flex:0 0 64px;overflow:hidden;border-radius:5px}.underlay-card__image img{display:block;width:100%;height:100%;object-fit:cover}.underlay-card__info{flex:1;min-width:0}.underlay-card__title{margin:0 0 7px;font-size:13px;line-height:1.3;font-weight:600}.underlay-card__controls{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px}.underlay-card__variant,.underlay-card__qty{display:block;height:38px!important;min-height:38px!important;margin:0!important;border:1px solid #d7d7d7!important;border-radius:5px!important;background-color:#fff!important;font-size:12px!important;line-height:normal!important;box-sizing:border-box;color:#111;box-shadow:none!important}.underlay-card__variant{flex:1 1 auto;width:auto!important;max-width:none!important;min-width:150px}.underlay-card__qty{flex:0 0 90px;width:90px!important;min-width:90px!important}.underlay-card__variant-title{display:flex;align-items:center;min-height:38px;font-size:12px}.underlay-card__action{display:flex;align-items:center;justify-content:center;flex:0 0 auto;align-self:last baseline;margin-left:auto}.underlay-card__add{display:inline-flex;align-items:center;justify-content:center;min-width:75px;height:38px!important;min-height:38px!important;margin:0!important;padding:0 16px;border:0;border-radius:5px;background:#66009e;color:#fff;font-size:12px;line-height:1;font-weight:700;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.underlay-card__add:hover{opacity:.88}.underlay-card__add:disabled{cursor:not-allowed;opacity:.6}.underlay-card__add.is-added{background:#222;color:#fff;opacity:1}.underlay-card__message{display:none;margin-top:5px;font-size:11px;line-height:1.3}.underlay-card__message.is-visible{display:block}.underlay-card__message.is-success{color:#167a2e}.underlay-card__message.is-error{color:#b42318}@media screen and (max-width:600px){.underlay-recommendations{margin:16px 0}.underlay-recommendations__title{font-size:16px}.underlay-recommendations__subtitle{font-size:12px}.underlay-card{gap:8px;padding:8px}.underlay-card__image{width:52px;height:52px;min-width:52px;flex-basis:52px}.underlay-card__title{margin-bottom:5px;font-size:12px}.underlay-card__controls{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:4px}.underlay-card__variant{flex:1 1 auto;width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;padding-left:8px!important;font-size:11px!important}.underlay-card__qty{width:100%!important;min-width:100%!important;height:36px!important;min-height:36px!important;padding-left:7px!important;font-size:11px!important}.underlay-card__add{min-width:60px;height:36px!important;min-height:36px!important;padding:0 10px;font-size:11px}}@media screen and (max-width:420px){.underlay-card{position:relative;align-items:flex-start;gap:8px}.underlay-card__info{padding-right:0}.underlay-card__controls{gap:5px}.underlay-card__action{align-self:center}.underlay-card__add{min-width:55px;padding:0 8px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/underlay-recommendations.css.map */