.product-card{background:#fff;box-shadow:0 4px 12px #00000014;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 576px){.product-card-image img{height:160px}}.product-card-image img{width:100%;height:200px;object-fit:cover;display:block}.product-card-body{padding:16px;display:flex;flex-direction:column;gap:10px}.product-card-body h3{margin:0 0 8px;font-size:1.2rem;color:#2c3e50}.product-card-body p{margin:0 0 12px;color:#5a6c7d;line-height:1.5}.product-card-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 12px;padding:0}.product-card-tags li{background:#ffebe9;color:var(--brand-red);border:1px solid var(--brand-red);padding:4px 8px;font-size:.8rem;font-weight:600}.product-card-link{color:var(--brand-blue);text-decoration:none;font-weight:700}.product-card-link:hover{text-decoration:underline}.products-page h1{text-align:center;margin:24px 0 8px}.products-page p{color:#5a6c7d;margin-bottom:24px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}@media (min-width: 832px){.products-grid{grid-template-columns:repeat(3,1fr)}}.products-grid.products-grid--skeleton{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (min-width: 992px){.products-grid.products-grid--skeleton{grid-template-columns:repeat(3,1fr)}}@keyframes skeleton-shimmer{0%{background-position:-150% 0}to{background-position:150% 0}}.skeleton-card{background:#fff;border:1px solid #e5e7eb;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;min-height:360px}.skeleton-image,.skeleton-line,.skeleton-tag,.skeleton-link{background-image:linear-gradient(90deg,#eef1f4,#f5f7fa,#eef1f4);background-size:400% 100%;animation:skeleton-shimmer 2.2s ease-in-out infinite}.skeleton-image{width:100%;height:200px}.skeleton-body{padding:16px;min-height:160px}.skeleton-line{height:12px;margin-bottom:12px}.skeleton-line.title{width:70%;height:20px;margin-bottom:8px}.skeleton-line.summary{width:100%}.skeleton-line.summary.short{width:80%}.skeleton-tags{display:flex;gap:6px;margin:12px 0}.skeleton-tag{width:56px;height:18px}.skeleton-link{width:90px;height:14px}@media (max-width: 576px){.skeleton-image{height:160px}.skeleton-card{min-height:300px}.skeleton-body{min-height:120px}}@media (max-width: 576px){.products-page h1{font-size:1.8rem}}
