.system-recommendation{--sr-accent: #00a5c3;padding:var(--sr-pt, 70px) 0 var(--sr-pb, 0);background:#fff}.system-recommendation__card{position:relative;overflow:hidden}.system-recommendation__media{border-radius:8px;aspect-ratio:1086 / 1654}.system-recommendation__media picture{display:block;width:100%;height:100%}.system-recommendation__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}.system-recommendation__img--placeholder{background:#ddd;opacity:.5}.system-recommendation__content{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px 24px;text-align:center;z-index:50}.system-recommendation__content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:8px;background:linear-gradient(180deg,#0000,#000 69.85%);z-index:-1}.system-recommendation__title{color:#fff;font-size:clamp(20px,5vw,48px);font-weight:700;line-height:1.25}.system-recommendation__subtitle{color:#fff;font-size:14px;font-weight:400;line-height:1.45}.system-recommendation__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;padding:10px 20px;border-radius:6px;background:var(--sr-accent);color:#fff;font-size:16px;font-weight:700;text-align:center}.system-recommendation__btn-icon{flex-shrink:0;width:24px;height:24px;display:block}@media(hover:hover){.system-recommendation__btn{transition:background .3s ease}.system-recommendation__btn:hover{background-color:#000}}@media screen and (min-width:990px){.system-recommendation{padding:var(--sr-pt-desktop, 150px) 0 var(--sr-pb-desktop, 0)}.system-recommendation__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;aspect-ratio:auto;background:#fff}.system-recommendation__content:after{display:none}.system-recommendation__media{order:2;aspect-ratio:5 / 4}.system-recommendation__media:after{display:none}.system-recommendation__content{position:relative;left:auto;right:auto;bottom:auto;order:1;align-items:flex-start;padding:40px 48px 40px 0;text-align:left}.system-recommendation__title{color:#000}.system-recommendation__subtitle{color:#666;font-size:16px}.system-recommendation__btn{width:auto;min-width:260px;margin-top:12px;padding:16px 28px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/system-recommendation.css.map */