.base-card{background-color:white;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .3s ease;border:2px solid transparent;height:100%;display:flex;flex-direction:column}.base-card:hover{transform:scale(1.05);filter:brightness(.95);border:2px solid rgb(var(--accent-rgb));box-shadow:0 8px 15px rgba(0,0,0,.1)}@media (max-width:767px){.base-card:hover{transform:scale(1.02)}}.base-card-image-container{position:relative;width:100%;max-height:180px;overflow:hidden}@media (min-width:768px){.base-card-image-container{max-height:220px}}.base-card-image{-o-object-fit:contain;object-fit:contain;background-color:white}.base-card-title{padding:.5rem .5rem .25rem;font-weight:700;font-size:.875rem;text-align:center;color:rgb(var(--foreground-rgb));line-height:1.2}@media (min-width:768px){.base-card-title{padding:.75rem .75rem .5rem;font-size:1.125rem}}.base-card-description{padding:0 .5rem .5rem;font-size:.75rem;text-align:center;color:rgb(var(--foreground-rgb),.75);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (min-width:768px){.base-card-description{padding:0 .75rem .75rem;font-size:.875rem;-webkit-line-clamp:3}}.base-grid-section{width:100%;padding:.25rem;margin:0 auto}@media (min-width:768px){.base-grid-section{padding:1.5rem}}.base-grid-title{text-align:center;font-size:1.5rem;margin-bottom:1.5rem;color:rgb(var(--foreground-rgb))}@media (min-width:768px){.base-grid-title{font-size:2rem;margin-bottom:1.5rem}}.base-grid-container{display:grid;margin:0 auto;gap:.375rem;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:580px){.base-grid-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}}@media (min-width:581px) and (max-width:767px){.base-grid-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}}@media (min-width:768px) and (max-width:1023px){.base-grid-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (min-width:1024px){.base-grid-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}