.ic{--ic-text: #1a1a1a;--ic-muted: #666;--ic-tag-bg: #f1f5f9;--ic-tag-bg-hover: #e2e8f0;--ic-tag-text: #475569;--ic-dark: #1e293b;--ic-dark-hover: #334155;--ic-fill: linear-gradient(90deg, #374151 0%, #1f2937 100%);--ic-media-height: 300px;display:block}.ic__inner{padding:var(--ic-pad-top, 40px) var(--ic-pad-side, 20px) var(--ic-pad-bottom, 40px);margin:0 auto}.ic__header{margin-bottom:40px}.ic__heading{margin:0}.ic__subheading{font-size:1.1rem;color:var(--ic-muted);margin:8px 0 0}.ic__grid{display:grid;grid-template-columns:1fr;gap:15px;list-style:none;margin:0;padding:0}@media(min-width:768px){.ic__grid{grid-template-columns:repeat(3,1fr)}}.ic-card{position:relative;height:100%;background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease}.ic-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 8px 30px #0000001f;opacity:0;pointer-events:none;transition:opacity .3s ease}@media(hover:hover){.ic-card:hover{transform:translateY(-4px)}.ic-card:hover:after{opacity:1}}.ic-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.ic-card__title{font-size:1.5rem;font-weight:700;color:var(--ic-text);margin:0 0 4px}.ic-card__title-link{color:inherit;text-decoration:none}.ic-card__title-link:hover{text-decoration:underline;text-underline-offset:3px}.ic-card__subtitle{font-size:.9rem;color:var(--ic-muted);margin:0}.ic-card__arrow{flex-shrink:0;width:32px;height:32px;color:#fff;background:var(--ic-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.ic-card__arrow:hover{background:var(--ic-dark-hover)}.ic-card__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ic-tab{position:relative;isolation:isolate;overflow:hidden;padding:4px 16px;border:0;border-radius:20px;background:var(--ic-tag-bg);color:var(--ic-tag-text);font:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.ic-tab:hover{background:var(--ic-tag-bg-hover);transform:translateY(-1px)}.ic-tab:focus-visible{outline:2px solid var(--ic-dark);outline-offset:2px}.ic-tab__text{position:relative;z-index:1;transition:color .3s ease}.ic-tab.is-active .ic-tab__text{color:#fff}.ic-tab__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ic-fill);border-radius:20px;opacity:0}.ic-tab.is-active .ic-tab__fill{opacity:1}.ic-card__media{position:relative;height:var(--ic-media-height);margin-bottom:16px;border-radius:12px;overflow:hidden;background:#f8f9fa}.ic-card__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease}.ic-card__slide.is-active{opacity:1}.ic-card__image{display:block;width:100%;height:100%;object-fit:cover}.ic-card__cta{position:absolute;bottom:20px;left:50%;z-index:1;transform:translate(-50%);padding:12px 24px;border-radius:25px;background:#fff;color:var(--ic-text);font-size:.95rem;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,background-color .3s ease}.ic-card__cta:hover{background:#f8f9fa;transform:translate(-50%) translateY(-2px)}.ic-card__footer{color:var(--ic-text)}.ic-card__brand-row{margin:0 0 12px}.ic-card__brand{font-size:1.1rem;font-weight:600}.ic-card__link{margin-left:8px;font-size:.9rem;color:var(--ic-muted);text-decoration:none;transition:color .3s ease}.ic-card__link:hover{color:var(--ic-text)}.ic-card__stats{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 0;padding:0;list-style:none}.ic-card__stat{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--ic-muted)}@media(max-width:767px){.ic__inner{padding:var(--ic-pad-top-mobile, 20px) var(--ic-pad-side-mobile, 15px) var(--ic-pad-bottom-mobile, 20px)}.ic__header{margin-bottom:20px}.ic-card__title{font-size:1.3rem}.ic-tab{padding:3px 12px;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.ic-card,.ic-card:after,.ic-tab,.ic-card__slide,.ic-card__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/interactive-cards.css.map */