.product-card{background:white;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s;display:flex;flex-direction:column;height:100%}.product-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.product-image{position:relative;width:100%;height:220px;overflow:hidden;background-color:#f0f2f5}.product-image img{width:100%;height:100%;object-fit:cover}.badge-subscription{position:absolute;top:1rem;right:1rem;background-color:var(--accent-color);color:white;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600}.product-content{padding:1.5rem;display:flex;flex-direction:column;flex:1 1}.product-name{font-size:1.25rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}.product-description{color:var(--text-light);font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem;flex:1 1}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.product-price{display:flex;align-items:baseline;gap:.25rem}.price-amount{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.price-period{font-size:.875rem;color:var(--text-light)}.product-button{padding:.625rem 1.25rem;background-color:var(--primary-color);color:white;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.product-button:hover{background-color:#3a7bc8;transform:translateY(-1px)}@media (max-width:768px){.product-image{height:180px}.product-name{font-size:1.125rem}.price-amount{font-size:1.375rem}}.product-list-page{max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;color:var(--text-color);margin-bottom:.75rem}.page-header p{font-size:1.125rem;color:var(--text-light)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:4rem}.service-info{background:white;padding:3rem;border-radius:12px;box-shadow:var(--shadow);margin-top:4rem}.service-info h2{font-size:1.875rem;color:var(--text-color);margin-bottom:2rem;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:2rem;gap:2rem}.info-item{text-align:center;padding:1.5rem}.info-item h3{font-size:1.25rem;color:var(--text-color);margin-bottom:.75rem}.info-item p{color:var(--text-light);line-height:1.6}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media (max-width:768px){.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.product-grid{grid-template-columns:1fr;gap:1.5rem}.service-info{padding:2rem 1.5rem}.service-info h2{font-size:1.5rem}.info-grid{grid-template-columns:1fr;gap:1.5rem}}