.mockups__grid{display:grid;gap:14px}.mockups__figure{margin:0;display:grid;gap:10px}.mockups__frame{border-radius:var(--radius-lg);overflow:hidden;background:var(--c-surface);aspect-ratio:1 / 1}.mockups__item--wide .mockups__frame{aspect-ratio:2 / 1}.mockups__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.mockups__item:hover .mockups__img{transform:scale(1.03)}.mockups__caption{font-size:.875rem;color:var(--c-muted)}.mockups__required{height:100%;min-height:180px;display:grid;align-content:center;gap:6px;padding:22px;border:2px dashed var(--c-accent);border-radius:var(--radius-lg);color:var(--c-muted);font-size:.875rem;background:var(--c-accent-soft);background:color-mix(in srgb,var(--c-accent-soft) 18%,transparent)}.mockups__required strong{color:var(--c-text)}@media(min-width:600px){.mockups__grid{grid-template-columns:repeat(2,1fr)}.mockups__item--wide{grid-column:1 / -1}}@media(min-width:990px){.mockups__grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media(prefers-reduced-motion:reduce){.mockups__img{transition:none}.mockups__item:hover .mockups__img{transform:none}}.use-cases__grid{display:grid;gap:14px}.use-case{padding:26px 24px 28px}.use-case .h4{margin-bottom:8px}.use-case p{color:var(--c-muted);font-size:.9375rem}@media(min-width:600px){.use-cases__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.use-cases__grid{grid-template-columns:repeat(4,1fr);gap:18px}}@media(max-width:599px){.use-case{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:20px 18px}.use-case .benefit__icon{grid-row:span 2;width:44px;height:44px;margin-bottom:0;border-radius:12px}.use-case .h4{margin-bottom:4px;font-size:1.0625rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/mycup-visuals.css.map */