.cl-cards{--clc-green: #08874a;--clc-green-hover: #06703e;--clc-blue: #125bff;--clc-dark: #1a1a1a;--clc-body: #4a4a4a;--clc-light: #6c757d;--clc-border: #e9ecef;--clc-bg-subtle: #f8f9fa;--clc-white: #fdfdfd;--clc-shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--clc-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--clc-radius: 8px;margin:24px 0;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cl-cards .cl-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cl-cards .cl-cards-card{background:var(--clc-white);border:1px solid var(--clc-border);border-radius:var(--clc-radius);overflow:hidden;display:flex;flex-direction:column;text-align:center;transition:box-shadow .2s ease}.cl-cards .cl-cards-card:hover{box-shadow:var(--clc-shadow-md)}.cl-cards .cl-cards-img-link{display:block;aspect-ratio:1;overflow:hidden;background:var(--clc-bg-subtle);border-radius:var(--clc-radius);margin:8px 8px 0}.cl-cards .cl-cards-img-link img{width:100%;height:100%;object-fit:contain;display:block}.cl-cards .cl-cards-title{font-size:14px;font-weight:400;color:var(--clc-dark);line-height:1.3;margin:16px 12px 6px}.cl-cards .cl-cards-title a{color:inherit;text-decoration:none}.cl-cards .cl-cards-title a:hover{color:var(--clc-blue)}.cl-cards .cl-cards-price{font-size:14px;font-weight:600;color:var(--clc-green);margin:0 12px 6px}.cl-cards .cl-cards-form{margin:0 12px;padding:0}.cl-cards button,.cl-cards select,.cl-cards input{font-family:inherit}.cl-cards .cl-cards-variant-select{display:block;width:100%;font-size:12px;color:var(--clc-body);background:var(--clc-white);border:1px solid var(--clc-border);border-radius:var(--clc-radius);padding:8px 10px;margin-bottom:8px}.cl-cards .cl-cards-btn{display:block;width:100%;min-height:44px;font-size:12px;font-weight:600;color:var(--clc-white);background:var(--clc-green);border:2px solid var(--clc-green);border-radius:var(--clc-radius);padding:10px 16px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.cl-cards .cl-cards-btn:hover{background:var(--clc-green-hover);border-color:var(--clc-green-hover)}.cl-cards .cl-cards-stp{display:block;margin:8px 12px 0;font-size:12px;font-weight:600;color:var(--clc-green);text-decoration:none}.cl-cards .cl-cards-stp:hover{color:var(--clc-green-hover);text-decoration:underline}.cl-cards .cl-cards-view{display:block;margin:4px 12px 12px;font-size:12px;font-weight:600;color:var(--clc-blue);text-decoration:none}.cl-cards .cl-cards-view:hover{text-decoration:underline}.cl-cards .cl-cards-btn:focus-visible,.cl-cards .cl-cards-variant-select:focus-visible{outline:2px solid var(--clc-blue);outline-offset:2px}.cl-cards .cl-cards-more{margin:16px 0 0;text-align:center;font-size:12px}.cl-cards .cl-cards-more a{color:var(--clc-blue);text-decoration:none;font-weight:600}.cl-cards .cl-cards-more a:hover{text-decoration:underline}.cl-cards a:focus-visible{outline:2px solid var(--clc-blue);outline-offset:2px;border-radius:2px}@media(max-width:1024px){.cl-cards .cl-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.cl-cards .cl-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(prefers-reduced-motion:reduce){.cl-cards .cl-cards-card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/cl-cards.css.map */