.cms-grid{--cms-grid-gap: 1rem;--cms-grid-min-column-width: 250px;--cms-grid-columns: repeat(auto-fill, minmax(var(--cms-grid-min-column-width), 1fr));--cms-grid-max-columns: none;--cms-grid-align-items: stretch;--cms-grid-justify-items: stretch;--cms-card-padding: 1rem;--cms-card-bg: #ffffff;--cms-card-border: 1px solid oklch(var(--totalform-border-color));--cms-card-border-radius: var(--totalform-radius);--cms-card-shadow: 0 1px 3px oklch(.2 0 0 / .1);--cms-card-hover-shadow: 0 4px 12px oklch(.2 0 0 / .15);--cms-card-transition: all .2s ease;--cms-text-color: oklch(var(--totalform-text-color));--cms-heading-color: oklch(var(--totalform-darkgray));--cms-meta-color: oklch(var(--totalform-lightgray));--cms-link-color: oklch(var(--totalform-accent));--cms-item-spacing: .5rem;--cms-image-aspect-ratio: 16 / 9;--cms-image-border-radius: calc(var(--cms-card-border-radius) * .5);display:grid;grid-template-columns:var(--cms-grid-columns);gap:var(--cms-grid-gap);align-items:var(--cms-grid-align-items);justify-items:var(--cms-grid-justify-items)}@media (max-width: 768px){.cms-grid{--cms-grid-columns: 1fr;--cms-grid-gap: .75rem;--cms-card-padding: .75rem}}@media (max-width: 480px){.cms-grid{--cms-grid-gap: .5rem;--cms-card-padding: .5rem}}.cms-grid-item{background:var(--cms-card-bg);border:var(--cms-card-border);border-radius:var(--cms-card-border-radius);padding:var(--cms-card-padding);box-shadow:var(--cms-card-shadow);transition:var(--cms-card-transition);color:var(--cms-text-color);position:relative;overflow:hidden}.cms-grid-item:hover{box-shadow:var(--cms-card-hover-shadow);transform:translateY(-2px)}.cms-grid-item h1,.cms-grid-item h2,.cms-grid-item h3,.cms-grid-item h4,.cms-grid-item h5,.cms-grid-item h6{color:var(--cms-heading-color);margin:0 0 var(--cms-item-spacing);line-height:1.3}.cms-grid-item p{margin:0 0 var(--cms-item-spacing);line-height:1.5}.cms-grid-item a{color:var(--cms-link-color);text-decoration:none}.cms-grid-item .cms-meta{color:var(--cms-meta-color);font-size:.875rem;margin:0 0 var(--cms-item-spacing)}.cms-grid-item .cms-image{margin:calc(var(--cms-card-padding) * -1) calc(var(--cms-card-padding) * -1) var(--cms-item-spacing);border-radius:var(--cms-image-border-radius) var(--cms-image-border-radius) 0 0;overflow:hidden;aspect-ratio:var(--cms-image-aspect-ratio)}.cms-grid-item .cms-image img{width:100%;height:100%;object-fit:cover;display:block}.cms-grid-item .cms-price{font-weight:700;color:var(--cms-heading-color);font-size:1.125rem}.cms-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin:var(--cms-item-spacing) 0 0}.cms-tags .tag{background:oklch(var(--totalform-nearwhite));color:var(--cms-text-color);padding:.2rem .5rem;border-radius:calc(var(--cms-card-border-radius) * .5);font-size:.75rem;border:1px solid oklch(var(--totalform-border-color))}.cms-tags .tag a{text-decoration:none}.cms-grid.compact{--cms-grid-min-column-width: 200px;--cms-card-padding: .75rem;--cms-grid-gap: .75rem}.cms-grid.wide{--cms-grid-min-column-width: 350px;--cms-card-padding: 1.5rem;--cms-grid-gap: 1.5rem}.cms-grid.list{--cms-grid-columns: 1fr;--cms-grid-gap: 1rem}.cms-grid.list .cms-grid-item{display:grid;grid-template-columns:200px 1fr;gap:0;align-items:stretch;overflow:visible;padding:0}.cms-grid.list .cms-grid-item .cms-image{margin:0;width:200px;min-height:100%;border-radius:var(--cms-card-border-radius) 0 0 var(--cms-card-border-radius);overflow:hidden;position:relative}.cms-grid.list .cms-grid-item .cms-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cms-grid.list .cms-grid-item .cms-content{min-width:0;display:flex;flex-direction:column;padding:var(--cms-card-padding)}@media (max-width: 600px){.cms-grid.list .cms-grid-item{grid-template-columns:120px 1fr}.cms-grid.list .cms-grid-item .cms-image{width:120px}}@media (max-width: 480px){.cms-grid.list .cms-grid-item{grid-template-columns:1fr;grid-template-rows:200px auto;padding:var(--cms-card-padding)}.cms-grid.list .cms-grid-item .cms-image{margin:calc(var(--cms-card-padding) * -1) calc(var(--cms-card-padding) * -1) var(--cms-item-spacing);width:auto;height:200px;min-height:auto;border-radius:var(--cms-image-border-radius) var(--cms-image-border-radius) 0 0}.cms-grid.list .cms-grid-item .cms-content{padding:0}}.cms-grid.masonry{grid-template-rows:masonry;align-items:start}.cms-grid.blog{--cms-image-aspect-ratio: 16 / 9}.cms-grid.blog .cms-grid-item .cms-excerpt{font-size:.9rem;line-height:1.6;margin:var(--cms-item-spacing) 0}.cms-grid.blog .cms-grid-item .cms-read-more{margin-top:auto;padding-top:var(--cms-item-spacing);font-weight:500}.cms-grid.products{--cms-image-aspect-ratio: 1}.cms-grid.products .cms-grid-item{text-align:center}.cms-grid.products .cms-grid-item .cms-title{font-size:1rem;font-weight:600}.cms-grid.products .cms-grid-item .cms-price{margin-top:auto;padding-top:var(--cms-item-spacing)}.cms-grid.products .cms-grid-item .cms-image{border-radius:var(--cms-image-border-radius)}.cms-grid.gallery{--cms-card-padding: 0;--cms-image-aspect-ratio: 1}.cms-grid.gallery .cms-grid-item .cms-image{margin:0;border-radius:var(--cms-card-border-radius);aspect-ratio:var(--cms-image-aspect-ratio)}.cms-grid.gallery .cms-grid-item .cms-content{padding:var(--cms-card-padding)}.cms-grid.feed .cms-grid-item .cms-date{font-size:.8rem;color:var(--cms-meta-color);margin-bottom:var(--cms-item-spacing)}.cms-grid.feed .cms-grid-item .cms-source{font-size:.8rem;color:var(--cms-meta-color);margin-top:auto;padding-top:var(--cms-item-spacing)}.cms-grid.team{--cms-image-aspect-ratio: 1}.cms-grid.team .cms-grid-item{text-align:center}.cms-grid.team .cms-grid-item .cms-image{border-radius:50%;width:120px;height:120px;margin:0 auto var(--cms-item-spacing);aspect-ratio:1}.cms-grid.team .cms-grid-item .cms-role{color:var(--cms-meta-color);font-size:.9rem}.cms-grid.gap-none{--cms-grid-gap: 0}.cms-grid.gap-sm{--cms-grid-gap: .5rem}.cms-grid.gap-md{--cms-grid-gap: 1rem}.cms-grid.gap-lg{--cms-grid-gap: 1.5rem}.cms-grid.gap-xl{--cms-grid-gap: 2rem}.cms-grid.padding-none{--cms-card-padding: 0}.cms-grid.padding-sm{--cms-card-padding: .5rem}.cms-grid.padding-md{--cms-card-padding: 1rem}.cms-grid.padding-lg{--cms-card-padding: 1.5rem}.cms-grid.padding-xl{--cms-card-padding: 2rem}.cms-grid.no-border .cms-grid-item{border:none}.cms-grid.no-shadow .cms-grid-item{box-shadow:none}.cms-grid.no-shadow .cms-grid-item:hover{box-shadow:none;transform:none}.cms-grid.flat .cms-grid-item{border:none;box-shadow:none;border-radius:0}.cms-grid.flat .cms-grid-item:hover{box-shadow:none;transform:none}.cms-grid-item.loading .cms-image,.cms-grid-item.loading .cms-title,.cms-grid-item.loading .cms-content{background:linear-gradient(90deg,oklch(var(--totalform-nearwhite)) 25%,oklch(var(--totalform-border-color)) 50%,oklch(var(--totalform-nearwhite)) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:4px;height:1em;margin-bottom:var(--cms-item-spacing)}.cms-grid-item.loading .cms-image{height:200px;border-radius:var(--cms-image-border-radius)}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
/*# sourceMappingURL=cms-grid.css.map */