.feature-grid-wrap{--bg:#ffffff;--panel-2:#f8f9fa;--text:#2a2b2a;--muted:#6c757d;--border:rgba(42,43,42,.15);--shadow:0 2px 8px rgba(0,0,0,.1);--gap:22px;max-width:1260px;margin:0 auto;padding:20px}.feature-grid-wrap,*{box-sizing:border-box}.feature-grid-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffff05,#fff0)}.feature-grid-title{margin:0;text-transform:uppercase;text-align:center}.feature-grid-subtitle{margin:.25rem 0 0;color:var(--muted);text-align:center}.feature-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--gap);padding:22px 0 10px}.feature-toggle{position:absolute;opacity:0;pointer-events:none}.feature-card{--bg-image:none;position:relative;border:1px solid var(--border);border-radius:0;overflow:hidden;padding:1px;background-color:var(--panel-2);background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;background-origin:content-box;background-clip:content-box;box-shadow:var(--shadow);cursor:default;color:inherit;text-align:left;min-width:0;aspect-ratio:4 / 3;flex:0 1 calc((100% - (2 * var(--gap))) / 3);max-width:calc((100% - (2 * var(--gap))) / 3)}.feature-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:0;margin:0;padding:0;text-align:center;background:#fff0;transition:background .18s ease;cursor:pointer}.feature-title-wrap,.feature-description-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.feature-overlay:focus-visible{outline:3px solid rgba(108,117,125,.55);outline-offset:-3px;background:#fffffff2}.feature-overlay:focus-visible .feature-title-wrap{opacity:0;transform:translateY(-6px)}.feature-overlay:focus-visible .feature-description-wrap{opacity:1;transform:translateY(0)}.feature-title,.feature-description{display:block;margin:0;padding:0}.feature-title{font-size:clamp(16px,1.35vw,20px);font-weight:800;opacity:1;transform:translateY(0);width:100%;max-width:none;padding:24px 27px;background:#fffffff2;box-sizing:border-box;text-align:center;letter-spacing:.02em;text-transform:uppercase;line-height:1.2}.feature-description{font-size:15px;text-transform:none;letter-spacing:0;opacity:1;transform:translateY(0);max-width:48ch;padding:0 22px;text-align:left;line-height:1.45}.feature-title-wrap{opacity:1;transform:translateY(0)}.feature-description-wrap{opacity:0;transform:translateY(6px)}@media(hover:hover){.feature-card:hover .feature-overlay{background:#fffffff2}.feature-card:hover .feature-title-wrap{opacity:0;transform:translateY(-6px)}.feature-card:hover .feature-description-wrap{opacity:1;transform:translateY(0)}}@media(hover:none){.feature-card .feature-toggle:checked+.feature-overlay{background:#fffffff2}.feature-card .feature-toggle:checked+.feature-overlay .feature-title-wrap{opacity:0;transform:translateY(-6px)}.feature-card .feature-toggle:checked+.feature-overlay .feature-description-wrap{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.feature-card{flex-basis:calc((100% - var(--gap)) / 2);max-width:calc((100% - var(--gap)) / 2)}}@media(max-width:680px){.feature-grid{padding-top:18px}.feature-card{flex-basis:100%;max-width:560px;aspect-ratio:16 / 10}}@media(min-width:1024px){.wrap{padding-left:0;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/caddy-features-grid.css.map */