.mcc-root,.mcc-root *{box-sizing:border-box}.mcc-root{--mcc-ink:#24252a;--mcc-line:#e3e4e7;background:#fff;color:var(--mcc-ink);width:100%;padding:24px clamp(18px,4vw,80px) 48px;font:16px/1.45 var(--font-body--family,Arial,sans-serif)}.mcc-wrap{width:100%;max-width:1760px;margin-inline:auto}.mcc-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;color:#6e7279}.mcc-breadcrumb a{color:inherit;text-decoration:none}.mcc-breadcrumb a:hover{text-decoration:underline}.mcc-root .mcc-heading{font:700 clamp(28px,2.5vw,38px)/1.15 var(--font-body--family,Arial,sans-serif);letter-spacing:-1px;margin:0 0 26px;color:var(--mcc-ink);text-transform:none}.mcc-grid{display:grid;grid-template-columns:repeat(var(--mcc-columns,3),minmax(0,1fr));gap:var(--mcc-gap,24px);list-style:none;margin:0;padding:0}.mcc-grid>li{display:flex;min-width:0}.mcc-card{min-width:0;width:100%;display:flex;flex-direction:column;text-decoration:none;color:var(--mcc-ink);--mcc-zoom:var(--mcc-zoom-desktop,1);transition:border-color .2s ease,box-shadow .2s ease}.mcc-photo{display:block;position:relative;overflow:hidden;background:#fff;flex-shrink:0;isolation:isolate}.mcc-photo picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.mcc-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:15px;text-align:center;color:#767b85;font-size:13px;background:#f8f8f8}.mcc-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform:scale(var(--mcc-zoom));transform-origin:50% 50%;transition:transform .25s ease}.mcc-copy{display:flex;flex:1;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0}.mcc-copy>div{min-width:0}.mcc-root .mcc-card h2{font:700 22px/1.25 var(--font-body--family,Arial,sans-serif);letter-spacing:-.35px;color:inherit;margin:0;overflow-wrap:break-word;text-transform:none}.mcc-arrow{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid #edcdcd;color:var(--mcc-accent);transition:background .2s ease,color .2s ease}.mcc-arrow svg,.mcc-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.mcc-link{display:none;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--mcc-accent);margin-top:20px}.mcc-card:focus-visible{outline:3px solid var(--mcc-accent);outline-offset:4px}.mcc-card[aria-disabled=true]{cursor:default}.mcc-card[href]:hover .mcc-photo img{transform:scale(calc(var(--mcc-zoom)*1.02))}.mcc-card[href]:hover .mcc-arrow{background:var(--mcc-accent);color:#fff;border-color:var(--mcc-accent)}@media(min-width:751px){.mcc-root[data-desktop-layout=tiles] .mcc-photo{height:clamp(240px,21vw,330px);border:1px solid var(--mcc-line);border-radius:12px}.mcc-root[data-desktop-layout=tiles] .mcc-copy{padding:18px 1px 0}.mcc-root[data-desktop-layout=tiles] .mcc-card h2{padding-top:4px}.mcc-root[data-desktop-layout=rows] .mcc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mcc-root[data-desktop-layout=rows] .mcc-card{flex-direction:row;align-items:center;border:1px solid var(--mcc-line);border-radius:12px;padding:16px;gap:24px}.mcc-root[data-desktop-layout=rows] .mcc-photo{width:44%;height:200px;border-radius:7px}.mcc-root[data-desktop-layout=rows] .mcc-copy{display:block}.mcc-root[data-desktop-layout=rows] .mcc-arrow{display:none}.mcc-root[data-desktop-layout=rows] .mcc-link{display:flex}}@media(min-width:751px)and (max-width:1350px){.mcc-grid{grid-template-columns:repeat(var(--mcc-tablet-columns,3),minmax(0,1fr))}.mcc-root .mcc-card h2{font-size:20px}}@media(max-width:750px){.mcc-root{padding:20px 18px 36px}.mcc-breadcrumb{font-size:11px;gap:8px;margin-bottom:12px}.mcc-root .mcc-heading{font-size:28px;letter-spacing:-.8px;margin-bottom:20px}.mcc-card{--mcc-zoom:var(--mcc-zoom-mobile,1)}.mcc-root[data-mobile-layout=rows] .mcc-grid{grid-template-columns:minmax(0,1fr);gap:12px}.mcc-root[data-mobile-layout=rows] .mcc-card{display:grid;grid-template-columns:clamp(112px,38vw,148px) minmax(0,1fr);align-items:center;gap:16px;min-height:172px;padding:12px;border:1px solid var(--mcc-line);border-radius:12px}.mcc-root[data-mobile-layout=rows] .mcc-photo{width:100%;aspect-ratio:1/1;border-radius:6px}.mcc-root[data-mobile-layout=rows] .mcc-copy{display:block}.mcc-root[data-mobile-layout=rows] .mcc-card h2{font-size:18px;letter-spacing:-.25px;line-height:1.3}.mcc-root[data-mobile-layout=rows] .mcc-link{display:flex;margin-top:14px;font-size:12px;gap:8px}.mcc-root[data-mobile-layout=rows] .mcc-arrow{display:none}.mcc-root[data-mobile-layout=tiles] .mcc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.mcc-root[data-mobile-layout=tiles] .mcc-photo{width:100%;aspect-ratio:1/1;border:1px solid var(--mcc-line);border-radius:10px}.mcc-root[data-mobile-layout=tiles] .mcc-copy{padding-top:12px;gap:8px}.mcc-root[data-mobile-layout=tiles] .mcc-card h2{font-size:16px;line-height:1.3;letter-spacing:-.2px}.mcc-root[data-mobile-layout=tiles] .mcc-arrow{width:20px;height:22px;border:0}}@media(max-width:359px){.mcc-root{padding-inline:14px}.mcc-root[data-mobile-layout=rows] .mcc-card{padding:10px;gap:12px;min-height:154px}.mcc-root[data-mobile-layout=rows] .mcc-card h2{font-size:17px}}@media(prefers-reduced-motion:reduce){.mcc-card,.mcc-photo img,.mcc-arrow{transition:none}.mcc-card[href]:hover .mcc-photo img{transform:scale(var(--mcc-zoom))}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/midec-collection-cards.css.map */