.c-makes-card{width:100%;background-color:#fff;padding:6rem 0}.c-makes-card__header{text-align:center;max-width:720px;margin:0 auto 4.4rem}.c-makes-card__heading{font-family:var(--font-heading-family);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.2;font-size:clamp(2rem,3vw,2.8rem);color:#000;margin:0 0 1.6rem}.c-makes-card__header .c-section-divider{margin-top:0;margin-bottom:2.4rem}.c-makes-card__desc{font-family:var(--font-body-family);font-size:1.6rem;line-height:1.7;color:rgba(var(--color-foreground),.75)}.c-makes-card__desc p{margin:0}.c-makes-card__grid{display:grid;grid-template-columns:1fr;gap:2.4rem}@media screen and (min-width:750px){.c-makes-card__grid{grid-template-columns:repeat(2,1fr);gap:3rem}}.c-device-card{display:flex;flex-direction:column;background-color:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.c-device-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000001a}.c-device-card__media{background-color:#f6f6f6}.c-device-card__media img{display:block;width:100%;height:22rem;object-fit:contain;padding:2rem}.c-device-card__body{padding:2.6rem}.c-device-card__logo{margin-bottom:1.6rem}.c-device-card__logo img{display:block;max-width:14rem;max-height:4rem;width:auto;height:auto;object-fit:contain}.c-device-card__title{font-family:var(--font-heading-family);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:1.9rem;color:#000;margin:0 0 1rem}.c-device-card__text{font-family:var(--font-body-family);font-size:1.5rem;line-height:1.65;color:rgba(var(--color-foreground),.75);margin:0}.c-device-card__link{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.8rem;color:var(--accent-contrast, #14100b);background-color:var(--accent);border-radius:.4rem;padding:1rem 1.6rem;font-family:var(--font-body-family);font-weight:700;font-size:1.4rem;text-decoration:none;transition:opacity .2s ease,gap .2s ease}.c-device-card__link svg{width:1.6rem;height:1.6rem;flex-shrink:0}.c-device-card__link:hover{gap:1rem;opacity:.85}@media screen and (max-width:749px){.c-makes-card{padding:4rem 0}.c-makes-card__header{margin-bottom:3.2rem}.c-device-card__media img{height:18rem}.c-device-card__body{padding:2rem}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/section-c-makes-card.css.map */