.ewl-feat__split{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:40px;align-items:stretch}.ewl-feat__stage{position:relative;display:flex;flex-direction:column;min-height:min(40svh,380px);max-height:min(52svh,520px);background:var(--ewl-bg-media);border-radius:var(--ewl-radius-card);overflow:hidden}.ewl-feat__media{position:relative;flex:1;min-height:180px;margin:5% 10% 0}.ewl-feat__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s ease}.ewl-feat__media img.is-on{opacity:1}.ewl-feat__info{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 24px 22px}.ewl-feat__info-brand{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ewl-accent)}.ewl-feat__info-title{display:block;margin-top:4px;font-size:18px;font-weight:500;letter-spacing:-.4px;color:var(--ewl-ink);text-decoration:none}.ewl-feat__info-title:hover{color:var(--ewl-accent)}.ewl-feat__info-sku{margin-top:3px;font-size:11.5px;color:var(--ewl-text-faint);font-variant-numeric:tabular-nums}.ewl-feat__details{flex:none;white-space:nowrap;font-size:12.5px;font-weight:500;letter-spacing:.04em;color:var(--ewl-accent);text-decoration:none}.ewl-feat__details:hover{color:var(--ewl-ink)}.ewl-feat__lists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;align-items:start}.ewl-feat__group-label{margin:0;padding:0 0 6px;font-size:11.5px;line-height:1.4;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ewl-accent)}.ewl-feat__list{margin:0;padding:0;list-style:none}.ewl-feat__row a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 -8px;padding:10px 8px;border-bottom:1px solid var(--ewl-line);border-radius:6px;color:inherit;text-decoration:none;transition:background .2s}.ewl-feat__row.is-active a{background:var(--ewl-bg-media)}.ewl-feat__row a:focus-visible{outline:2px solid var(--ewl-accent);outline-offset:0}.ewl-feat__thumb{display:none}.ewl-feat__text{min-width:0}.ewl-feat__brand{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ewl-text-meta)}.ewl-feat__title{display:block;margin-top:2px;font-size:16px;font-weight:500;letter-spacing:-.3px;color:var(--ewl-ink);transition:color .2s}.ewl-feat__row.is-active .ewl-feat__title{color:var(--ewl-accent)}.ewl-feat__note{display:-webkit-box;margin-top:2px;font-size:13px;line-height:1.45;color:var(--ewl-text-meta);overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.ewl-feat__arrow{font-size:18px;color:var(--ewl-text-faint);transition:color .2s,transform .22s ease}.ewl-feat__row.is-active .ewl-feat__arrow{color:var(--ewl-accent);transform:translate(3px)}@media(max-width:1099px){.ewl-feat__split{grid-template-columns:minmax(0,1fr)}.ewl-feat__stage{display:none}.ewl-feat__lists{grid-template-columns:minmax(0,1fr)}.ewl-feat__group+.ewl-feat__group{margin-top:20px}.ewl-feat__row a{grid-template-columns:72px minmax(0,1fr) auto}.ewl-feat__row.is-active a{background:transparent}.ewl-feat__row.is-active .ewl-feat__title{color:var(--ewl-ink)}.ewl-feat__row.is-active .ewl-feat__arrow{color:var(--ewl-text-faint);transform:none}.ewl-feat__row a:hover{background:var(--ewl-bg-media)}.ewl-feat__thumb{display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:8px;background:var(--ewl-bg-media);border-radius:var(--ewl-radius-control)}.ewl-feat__thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.ewl-feat__note{-webkit-line-clamp:2}}@media(min-width:768px)and (max-width:1099px){.ewl-feat__lists{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ewl-feat__group+.ewl-feat__group{margin-top:0}}@media(max-width:640px){.ewl-feat__row a{grid-template-columns:64px minmax(0,1fr) auto;margin:0 -6px;padding:12px 6px}.ewl-feat__thumb{width:64px;height:64px}.ewl-feat__title{font-size:15px}}@media(prefers-reduced-motion:reduce){.ewl-feat__media img,.ewl-feat__arrow{transition:none}.ewl-feat__row.is-active .ewl-feat__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ewl-featured-split.css.map */