.cz-finishes{padding:80px 0}.cz-finishes__header{text-align:center;margin-bottom:48px}.cz-finishes__heading{font-family:Jost,sans-serif;font-size:34px;font-weight:500;color:#111;margin:0}.cz-finishes__subheading{margin:14px auto 0;max-width:620px;font-size:16px;line-height:1.7;color:#666}.cz-finishes__grid{display:flex;justify-content:center;flex-wrap:wrap;gap:36px}.cz-finish-card{flex:0 0 100px;text-decoration:none;color:inherit;text-align:center;cursor:pointer;padding:16px 12px 18px;background:#fafafa;border:1px solid #ECECEC;border-radius:18px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.cz-finish-card:hover{transform:translateY(-5px);border-color:#dcc7af;box-shadow:0 14px 36px #00000014}.cz-finish-card__image{aspect-ratio:1;border-radius:50%;overflow:hidden;border:none;box-shadow:0 8px 24px #10182814,inset 0 1px #ffffff8c}.cz-finish-card:hover .cz-finish-card__image{box-shadow:0 10px 28px #00000014,0 0 0 3px #b08b6933}.cz-finish-card__img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.cz-finish-card:hover .cz-finish-card__img{transform:scale(1.04)}.cz-finish-card__title{margin-top:18px;font-family:Jost,sans-serif;font-size:18px;font-weight:500;color:#111;transition:.25s}.cz-finish-card:hover .cz-finish-card__title{color:#b08b69}.cz-finish-card__count{margin-top:8px;font-size:14px;color:#7b7b7b;opacity:.75;transform:translateY(6px);transition:.25s}.cz-finish-card:hover .cz-finish-card__count{opacity:1;transform:translateY(0)}@media(max-width:749px){.cz-finishes{padding:56px 0}.cz-finishes__header{margin-bottom:32px;padding:0 20px}.cz-finishes__heading{font-size:30px}.cz-finishes__subheading{font-size:15px}.cz-finishes__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;padding:18px 20px;scroll-snap-type:x proximity;background:#f5f7fa;border-top:1px solid #eceff3;border-bottom:1px solid #eceff3}.cz-finishes__grid::-webkit-scrollbar{display:none}.cz-finish-card{flex:0 0 112px;scroll-snap-align:start}.cz-finish-card__image{width:92px;height:92px;margin:0 auto;box-shadow:0 6px 18px #00000014}.cz-finish-card__title{margin-top:14px;font-size:15px;line-height:1.35}.cz-finish-card__count{display:none}.cz-finish-card:active{transform:scale(.97)}.cz-finishes{position:relative}.cz-finishes:before,.cz-finishes:after{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:3}.cz-finishes:before{left:0;background:linear-gradient(to right,#fff,transparent)}.cz-finishes:after{right:0;background:linear-gradient(to left,#fff,transparent)}}.cz-finish-card{display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.cz-finish-card__title{min-height:49px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;margin-top:18px!important;line-height:1.35!important}.cz-finish-card__count{margin-top:8px!important}@media screen and (max-width:749px){.cz-finishes{padding-top:30px;padding-bottom:30px}.cz-finishes__header{margin-bottom:18px;padding:0 16px}.cz-finishes__heading{font-size:22px;line-height:1.2}.cz-finishes__subheading{font-size:12px;line-height:1.4;margin-top:8px}.cz-finishes__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding:12px 16px;scroll-snap-type:x proximity;background:#f5f7fa;border-top:1px solid #eceff3;border-bottom:1px solid #eceff3;scrollbar-width:none;-ms-overflow-style:none}.cz-finishes__grid::-webkit-scrollbar{display:none}.cz-finish-card{flex:0 0 88px;width:88px;min-width:88px;padding:10px 7px 11px;border-radius:12px;scroll-snap-align:start}.cz-finish-card__image{width:64px;height:64px;margin:0 auto;border-radius:50%;box-shadow:0 4px 12px #00000012}.cz-finish-card__title{min-height:34px!important;margin-top:9px!important;font-size:10px!important;line-height:1.25!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}.cz-finish-card__count{display:block!important;margin-top:3px!important;font-size:8px!important;line-height:1.2!important;color:#7b7b7b;opacity:.75;transform:none!important}.cz-finish-card:active{transform:scale(.97)}}@media screen and (max-width:380px){.cz-finishes{padding-top:24px;padding-bottom:24px}.cz-finishes__grid{gap:8px;padding-left:12px;padding-right:12px}.cz-finish-card{flex-basis:82px;width:82px;min-width:82px;padding-left:6px;padding-right:6px}.cz-finish-card__image{width:58px;height:58px}.cz-finish-card__title{font-size:9px!important}.cz-finish-card__count{font-size:7.5px!important}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/copperzinc-finishes.css.map */